<html>

<head>
        <!--设置字符编码-->
        <meta charset="UTF-8">
        <!--手机开发屏幕自适应-->
        <meta name="viewport"
                content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <!--设置标题-->
        <title>智云账本</title>
        <!--引入ico-->
        <link rel="shortcut icon" href="static/favicon.ico?v=2">
        <style type="text/css">
                @charset "UTF-8";

                html {
                        -webkit-font-smoothing: antialiased;
                }

                body,
                h1,
                h2,
                h3,
                h4,
                h5,
                h6,
                p,
                dl,
                dt,
                dd,
                ul,
                ol,
                li,
                form,
                button,
                input,
                textarea,
                th,
                td {
                        margin: 0;
                        padding: 0;
                }

                body,
                button,
                input,
                select,
                textarea {
                        font-family: "Microsoft Yahei", Arial, "\5B8B\4F53";
                        font-size: 12px;
                }

                h1,
                h2,
                h3,
                h4,
                h5,
                h6 {
                        font-size: 100%;
                }

                address,
                cite,
                dfn,
                em,
                var,
                i {
                        font-style: normal;
                }

                code,
                kbd,
                pre,
                samp {
                        font-family: courier new, courier, monospace, arial, \5b8b\4f53;
                }

                form {
                        display: inline;
                }

                small {
                        font-size: 12px;
                }

                ul,
                ol {
                        list-style: none;
                }

                a {
                        text-decoration: none;
                }

                a:hover {
                        text-decoration: none;
                }

                sup {
                        vertical-align: text-top;
                }

                sub {
                        vertical-align: text-bottom;
                }

                img {
                        vertical-align: top;
                        border: 0;
                        -ms-interpolation-mode: bicubic;
                }

                button,
                input,
                select,
                textarea {
                        font-size: 100%;
                }

                table {
                        border-collapse: collapse;
                        border-spacing: 0;
                }

                input,
                button,
                select,
                textarea {
                        outline: none;
                }

                textarea {
                        resize: none;
                }

                .hidden {
                        display: none;
                }

                .hiddenImportant {
                        display: none !important;
                }

                .home-wrap,
                .container-view {
                        left: 0;
                }

                .home-wrap,
                .container-view {
                        right: 0;
                }

                .home-wrap,
                .container-view {
                        top: 0;
                }

                .home-wrap,
                .container-view {
                        position: absolute;
                }

                body,
                .home-wrap,
                .container-view {
                        overflow: hidden;
                }

                body {
                        background-color: #F9FAFC;
                }

                .home-wrap,
                .container-view {
                        bottom: 54px;
                        background-color: #F9FAFC;
                }

                .home-wrap {
                        bottom: 0;
                }

                .nav-item {
                        fill: #999;
                }

                .nav-item.nav-home-item {
                        width: 27px;
                        height: 27px;
                }

                .nav-item.nav-account-item {
                        margin-top: 4px;
                        width: 20px;
                        height: 20px;
                }

                .nav-item.nav-bill-item {
                        margin-top: 3px;
                        width: 22px;
                        height: 22px;
                }

                .nav-item.nav-chart-item {
                        margin-top: 5px;
                        width: 23px;
                        height: 23px;
                }

                .weui-tabbar__item span {
                        color: #999 !important;
                }

                .weui-bar__item_on .nav-item {
                        fill: #58B7FF;
                }

                .weui-bar__item_on span {
                        padding: 0 3px;
                        border-radius: 5px;
                        color: #fff !important;
                        background-color: #58B7FF;
                }

                .vux-pop-in-enter-active,
                .vux-pop-in-leave-active,
                .vux-pop-out-enter-active,
                .vux-pop-out-leave-active {
                        will-change: transform;
                        transition: all .5s;
                        position: absolute;
                        top: 0;
                        -webkit-backface-visibility: hidden;
                        backface-visibility: hidden;
                        perspective: 1000px;
                }

                .vux-pop-out-enter {
                        opacity: 0;
                        transform: translate3d(-100%, 0, 0);
                }

                .vux-pop-in-enter,
                .vux-pop-out-leave-active {
                        opacity: 0;
                        transform: translate3d(100%, 0, 0);
                }

                .vux-pop-in-leave-active {
                        opacity: 0;
                        transform: translate3d(-100%, 0, 0);
                }

                .weui-toast__content {
                        font-size: 12px !important;
                        padding: 10px 5px !important;
                }
        </style>
        <style type="text/css">
                .weui-tabbar {
                        display: -ms-flexbox;
                        display: flex;
                        position: absolute;
                        z-index: 500;
                        bottom: 0;
                        width: 100%;
                        background-color: #F7F7FA;
                }

                .weui-tabbar:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        height: 1px;
                        border-top: 1px solid #C0BFC4;
                        color: #C0BFC4;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                }

                .weui-tabbar__item {
                        display: block;
                        -ms-flex: 1;
                        flex: 1;
                        padding: 5px 0 0;
                        font-size: 0;
                        color: #999999;
                        text-align: center;
                        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                }

                .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
                .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,
                .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
                        color: #09BB07;
                }

                .weui-tabbar__icon {
                        display: inline-block;
                        width: 27px;
                        height: 27px;
                }

                i.weui-tabbar__icon,
                .weui-tabbar__icon>i {
                        font-size: 24px;
                        color: #999999;
                }

                .weui-tabbar__icon img {
                        width: 100%;
                        height: 100%;
                }

                .weui-tabbar__label {
                        text-align: center;
                        color: #999999;
                        font-size: 10px;
                        line-height: 1.8;
                }

                .weui-tab {
                        position: relative;
                        height: 100%;
                }

                .weui-tab__panel {
                        box-sizing: border-box;
                        height: 100%;
                        padding-bottom: 50px;
                        overflow: auto;
                        -webkit-overflow-scrolling: touch;
                }

                .weui-tab__content {
                        display: none;
                }

                .vux-reddot,
                .vux-reddot-border,
                .vux-reddot-s {
                        position: relative;
                }

                .vux-reddot:after,
                .vux-reddot-border:after,
                .vux-reddot-s:after {
                        content: '';
                        position: absolute;
                        display: block;
                        width: 8px;
                        height: 8px;
                        background-color: #f74c31;
                        border-radius: 5px;
                        right: -3px;
                        top: -3px;
                        background-clip: padding-box;
                }

                .vux-reddot-border:before {
                        content: '';
                        position: absolute;
                        display: block;
                        width: 8px;
                        height: 8px;
                        background-color: #fff;
                        border-radius: 5px;
                        right: -4px;
                        top: -4px;
                        background-clip: padding-box;
                        padding: 1px;
                }

                .vux-reddot-s:after {
                        width: 6px;
                        height: 6px;
                        top: -5px;
                        right: -5px;
                }

                .weui-tabbar__icon {
                        position: relative;
                }

                .weui-tabbar__icon>sup {
                        position: absolute;
                        top: -8px;
                        left: 100%;
                        transform: translateX(-50%);
                        z-index: 101;
                }

                .weui-tabbar__item.vux-tabbar-simple {
                        padding: 0;
                        height: 50px;
                        line-height: 50px;
                }

                .vux-tabbar-simple .weui-tabbar__label {
                        font-size: 14px;
                        line-height: 50px;
                }
        </style>
        <style type="text/css">
                .vux-badge {
                        display: inline-block;
                        text-align: center;
                        background: #f74c31;
                        color: #fff;
                        font-size: 12px;
                        height: 16px;
                        line-height: 16px;
                        border-radius: 8px;
                        padding: 0 6px;
                        background-clip: padding-box;
                        vertical-align: middle;
                }

                .vux-badge-single {
                        padding: 0;
                        width: 16px;
                }

                .vux-badge-dot {
                        height: auto;
                        padding: 5px;
                }
        </style>
        <style type="text/css">
                .guide-trigger {
                        font-size: 0;
                }

                .guide-item {
                        width: 100%;
                }

                .guide-item {
                        height: 100%;
                }

                .guide-trigger-item:after {
                        top: 50%;
                }

                .guide-trigger-item:after,
                .guide-go {
                        left: 50%;
                }

                .guide-wrap,
                .guide-item,
                .guide-trigger {
                        left: 0;
                }

                .guide-wrap,
                .guide-trigger {
                        right: 0;
                }

                .guide-wrap {
                        bottom: 0;
                }

                .guide-wrap {
                        top: 0;
                }

                .guide-trigger-item {
                        position: relative;
                }

                .guide-item,
                .guide-trigger,
                .guide-trigger-item:after,
                .guide-jump,
                .guide-go {
                        position: absolute;
                }

                .guide-wrap {
                        position: fixed;
                }

                .guide-trigger-item {
                        display: inline-block;
                }

                .guide-wrap {
                        overflow: hidden;
                }

                .guide-trigger,
                .guide-go {
                        text-align: center;
                }

                .guide-trigger-item,
                .guide-jump,
                .guide-go {
                        cursor: pointer;
                }

                .guide-go {
                        font-size: 14px;
                }

                .guide-go {
                        color: #fff;
                }

                .guide-wrap {
                        z-index: 999;
                        animation-duration: .5s;
                        animation-fill-mode: both;
                }

                .guide-item {
                        transform: translate3d(100%, 0, 0);
                        transition: transform .5s;
                        repeat: no-repeat;
                        background-position: center;
                        background-attachment: fixed;
                        background-size: cover;
                        -moz-background-size: cover;
                        -webkit-background-size: cover;
                }

                .guide-item.guide-item-active {
                        transform: translate3d(0, 0, 0);
                }

                .guide-trigger {
                        bottom: 30px;
                }

                .guide-trigger-item {
                        width: 10px;
                        height: 10px;
                        border: 1px solid #58B7FF;
                        border-radius: 50%;
                        margin: 0 5px;
                        transition: all .5s;
                }

                .guide-trigger-item:after {
                        content: '';
                        width: 6px;
                        height: 6px;
                        margin-top: -3px;
                        margin-left: -3px;
                        transition: all .5s;
                        border-radius: 50%;
                        background-color: #fff;
                }

                .guide-trigger-item.guide-active-trigger:after {
                        background-color: #58B7FF;
                }

                .guide-jump {
                        width: 20px;
                        height: 20px;
                        top: 20px;
                        right: 20px;
                        fill: #1296db;
                }

                .guide-go {
                        border-radius: 10px;
                        width: 120px;
                        height: 40px;
                        bottom: 80px;
                        box-shadow: 0 3px 0 0 #1D8CE0;
                        margin-left: -60px;
                        line-height: 40px;
                        background-color: #58B7FF;
                }

                .guide-wrap-hide {
                        animation-name: guide-fadeOutUp;
                }

                @keyframes guide-fadeOutUp {
                        from {
                                opacity: 1;
                        }

                        to {
                                transform: translate3d(0, -100%, 0);
                        }
                }
        </style>
        <style type="text/css">
                /* @charset "UTF-8"; */

                .balance-wrap,
                .balance-total {
                        top: 50%;
                }

                .balance-wrap,
                .home-arrow {
                        left: 50%;
                }

                .balance-title,
                .balance-total,
                .home-btn-wrap {
                        left: 0;
                }

                .balance-title,
                .balance-total,
                .home-btn-wrap {
                        right: 0;
                }

                .balance-total:after {
                        bottom: 0;
                }

                .balance-wrap,
                .balance-title,
                .balance-total,
                .balance-total:after,
                .balance-icon,
                .home-btn-wrap,
                .home-arrow {
                        position: absolute;
                }

                .home-btn-item {
                        display: block;
                }

                .balance-wrap {
                        overflow: hidden;
                }

                .balance-title,
                .balance-total,
                .home-btn-wrap {
                        text-align: center;
                }

                .balance-title,
                .balance-total {
                        font-weight: normal;
                }

                .home-btn-item {
                        cursor: pointer;
                }

                .balance-title,
                .balance-total:after {
                        font-size: 12px;
                }

                .home-btn-wrap {
                        font-size: 14px;
                }

                .home-btn-wrap,
                .home-btn-item {
                        color: #fff;
                }

                .home-active .balance-wrap {
                        top: 35%;
                }

                .home-active .home-btn-wrap {
                        bottom: 15%;
                        opacity: 1;
                }

                .balance-wrap {
                        width: 60%;
                        transition: all 1s;
                        transform: translate3d(-50%, -50%, 0);
                        padding-bottom: 60%;
                        border-radius: 50%;
                        background-color: #fff;
                        border: 1px solid #e0e6ed;
                }

                .balance-title {
                        color: #999;
                        top: 30%;
                }

                .balance-total {
                        height: 48px;
                        margin-top: -24px;
                        line-height: 48px;
                        font-size: 24px;
                        color: #58b7ff;
                }

                .balance-total:after {
                        line-height: 42px;
                        content: "(\FFE5)";
                        color: #999;
                }

                .balance-icon {
                        top: 25%;
                        left: 25%;
                        width: 50%;
                        height: 50%;
                        fill: #ddd;
                }

                .home-btn-wrap {
                        opacity: 0;
                        transition: all 0.5s;
                        bottom: -30%;
                }

                .home-btn-item {
                        margin: 20px auto 0;
                        width: 120px;
                        height: 32px;
                        line-height: 32px;
                        background-color: #58b7ff;
                        border-radius: 5px;
                        box-shadow: 0 3px 0 0 #1d8ce0;
                }

                .home-arrow {
                        margin-left: -10px;
                        bottom: 20px;
                        width: 20px;
                        height: 20px;
                        fill: #999;
                        animation: arrow-animate 2s ease-in-out infinite;
                }

                @keyframes arrow-animate {
                        0% {
                                bottom: 10px;
                        }

                        50% {
                                bottom: 20px;
                        }

                        100% {
                                bottom: 10px;
                        }
                }
        </style>
        <style type="text/css">
                .xs-plugin-pullup-container {
                        text-align: center;
                }
        </style>
        <style type="text/css">
                .consumption-wrap,
                .earn-wrap,
                .account-wrap {
                        overflow-x: hidden;
                        overflow-y: auto;
                }

                .consumption-wrap,
                .earn-wrap,
                .account-wrap {
                        width: 100%;
                }

                .consumption-wrap,
                .earn-wrap,
                .account-wrap {
                        height: 100%;
                }

                .input-required {
                        position: relative;
                }

                .input-required:before {
                        position: absolute;
                }

                .sure-btn {
                        display: block;
                }

                .bill-time-item .vux-cell-box:before,
                .input-item .vux-cell-box:before {
                        display: none;
                }

                .bill-time-item .week,
                .input-item .week,
                .sure-btn {
                        text-align: center;
                }

                .bill-time-item .weui-input,
                .input-item .weui-input {
                        text-align: right;
                }

                .sure-btn {
                        cursor: pointer;
                }

                .bill-time-item .weui-cell__primary,
                .bill-time-item .vux-cell-primary,
                .bill-time-item .vux-datetime-value,
                .bill-time-item p,
                .bill-time-item .weui-label,
                .bill-time-item .vux-label,
                .input-item .weui-cell__primary,
                .input-item .vux-cell-primary,
                .input-item .vux-datetime-value,
                .input-item p,
                .input-item .weui-label,
                .input-item .vux-label {
                        font-size: 14px;
                }

                .input-required:before,
                .sure-btn {
                        font-size: 16px;
                }

                .sure-btn {
                        color: #fff;
                }

                .bill-time-item .weui-input,
                .bill-time-item .vux-popup-picker-value,
                .input-item .weui-input,
                .input-item .vux-popup-picker-value {
                        color: #999;
                }

                .vux-popup-picker-header-menu-right,
                .dp-right {
                        font-size: 16px !important;
                        color: #58B7FF !important;
                }

                .dp-left {
                        font-size: 16px !important;
                        color: #828282 !important;
                }

                .input-warp {
                        padding: 0 10px;
                }

                .input-required:before {
                        content: '*';
                        color: red;
                }

                .bill-time-item,
                .input-item {
                        height: 50px;
                        line-height: 50px;
                        border-bottom: 1px solid #ccc;
                }

                .bill-time-item .weui-cell,
                .input-item .weui-cell {
                        padding: 0 10px;
                }

                .bill-time-item .vux-prev-icon,
                .bill-time-item .vux-next-icon,
                .input-item .vux-prev-icon,
                .input-item .vux-next-icon {
                        border: 1px solid #58B7FF;
                        border-top: none;
                        border-right: none;
                }

                .bill-time-item .inline-calendar td.current>span,
                .input-item .inline-calendar td.current>span {
                        background-color: #58B7FF;
                }

                .bill-time-item .inline-calendar td.is-today,
                .bill-time-item .inline-calendar td.is-today.is-disabled,
                .input-item .inline-calendar td.is-today,
                .input-item .inline-calendar td.is-today.is-disabled {
                        color: #58B7FF;
                }

                .sure-btn {
                        margin: 20px 20px 40px;
                        height: 40px;
                        line-height: 40px;
                        border-radius: 5px;
                        background-color: #bbb;
                        box-shadow: 0 3px 0 0 #999;
                        transition: background-color .5s;
                }

                .earn-wrap .sure-btn.sure-active-true {
                        background-color: #69ce72;
                        box-shadow: 0 3px 0 0 #13CE66;
                }

                .consumption-wrap .sure-btn.sure-active-true {
                        background-color: #FF4949;
                        box-shadow: 0 3px 0 0 red;
                }
        </style>
        <style type="text/css">
                .go-btn-box {
                        top: 50%;
                }

                .go-btn-box {
                        left: 0;
                }

                .go-btn-box {
                        right: 0;
                }

                .go-btn-box {
                        position: absolute;
                }

                .go-account {
                        display: block;
                }

                .go-btn-box {
                        text-align: center;
                }

                .go-account {
                        cursor: pointer;
                }

                .go-btn-box {
                        font-size: 14px;
                }

                .go-btn-box,
                .go-account {
                        color: #fff;
                }

                .go-btn-box {
                        transform: translate3d(0, -50%, 0);
                }

                .go-account {
                        /* margin: 0 auto 0px; */
                        width: 150px;
                        height: 35px;
                        /* line-height: 35px; */
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        border-radius: 5px;
                }

                .go-account.go-consumption {
                        background-color: #FF4949;
                        box-shadow: 0 3px 0 0 red;
                        display: flex;
                        justify-content: center;
                        align-items: center;

                }

                .go-account.go-earn {
                        background-color: #69ce72;
                        box-shadow: 0 3px 0 0 #13CE66;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                }
        </style>
        <style type="text/css">
                .header-title {
                        font-weight: normal;
                }

                .header-title {
                        font-size: 18px;
                }

                .header-title {
                        padding: 20px;
                        color: #1D8CE0;
                }
        </style>
        <style type="text/css">
                /**
* actionsheet
*/
                /**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
                /**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
                /**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
                /**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
                /**
* datetime
*/
                /**
* tabbar
*/
                /**
* tab
*/
                /**
* dialog
*/
                /**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
                /**
* x-number
*/
                /**
* checkbox
*/
                /**
* check-icon
*/
                /**
* Cell
*/
                /**
* Mask
*/
                /**
* Range
*/
                /**
* Tabbar
*/
                /**
* Header
*/
                /**
* Timeline
*/
                /**
* Switch
*/
                /**
* Button
*/
                /**
* en: border radius
* zh-CN: 圆角边框
*/
                /**
* en: font color
* zh-CN: 字体颜色
*/
                /**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
                /**
* en: button height
* zh-CN: 按钮高度
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: font size
* zh-CN: 字体大小
*/
                /**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
                /**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
                /**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
                /**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
                /**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
                /**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
                /**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
                /**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
                /**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
                /**
* swipeout
*/
                /**
* Cell
*/
                /**
* Badge
*/
                /**
* en: badge background color
* zh-CN: badge的背景颜色
*/
                /**
* Popover
*/
                /**
* Button tab
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
                /**
* en: border color
* zh-CN: 边框的颜色
*/
                /**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
                /**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /* alias */
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
                /**
* en: height
* zh-CN: 元素高度
*/
                /**
* en: line height
* zh-CN: 元素行高
*/
                /**
* Swiper
*/
                /**
* checklist
*/
                /**
* popup-picker
*/
                /**
* popup
*/
                /**
* popup-header
*/
                /**
* form-preview
*/
                /**
* sticky
*/
                /**
* group
*/
                /**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
                /**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
                /**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
                /**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
                /**
* toast
*/
                /**
* en: text size of content
* zh-CN: 内容文本大小
*/
                /**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
                /**
* en: position top
* zh-CN: 顶部显示的高度
*/
                /**
* en: position bottom
* zh-CN: 底部显示的高度
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                /**
* icon
*/
                /**
* calendar
*/
                /**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
                /**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
                /**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
                /**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
                /**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
                /**
* en: font size of cell
* zh-CN: 单元格的字号
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
                /**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
                /**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
                /**
* week-calendar
*/
                /**
* search
*/
                /**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
                /**
* radio
*/
                /**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
                /**
* loadmore
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* loading
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                .vux-1px,
                .vux-1px-t,
                .vux-1px-b,
                .vux-1px-tb,
                .vux-1px-l,
                .vux-1px-r {
                        position: relative;
                }

                .vux-1px:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 200%;
                        border: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        height: 200%;
                        transform-origin: left top;
                        transform: scale(0.5);
                }

                .vux-1px-t:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        height: 1px;
                        border-top: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                }

                .vux-1px-b:after {
                        content: " ";
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        height: 1px;
                        border-bottom: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        transform-origin: 0 100%;
                        transform: scaleY(0.5);
                }

                .vux-1px-tb:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        height: 1px;
                        border-top: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                }

                .vux-1px-tb:after {
                        content: " ";
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        height: 1px;
                        border-bottom: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        transform-origin: 0 100%;
                        transform: scaleY(0.5);
                }

                .vux-1px-l:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 1px;
                        bottom: 0;
                        border-left: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        transform-origin: 0 0;
                        transform: scaleX(0.5);
                }

                .vux-1px-r:after {
                        content: " ";
                        position: absolute;
                        right: 0;
                        top: 0;
                        width: 1px;
                        bottom: 0;
                        border-right: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        transform-origin: 100% 0;
                        transform: scaleX(0.5);
                }

                .vux-cell-primary {
                        -ms-flex: 1;
                        flex: 1;
                }

                .vux-cell-box {
                        position: relative;
                }

                .vux-cell-box:not(:first-child):before {
                        content: " ";
                        position: absolute;
                        top: 0;
                        width: 100%;
                        height: 1px;
                        border-top: 1px solid #D9D9D9;
                        color: #D9D9D9;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                        left: 15px;
                }

                .vux-popup-picker-header {
                        height: 44px;
                        color: #04BE02;
                        background-color: #fbf9fe;
                        font-size: 16px;
                        position: relative;
                }

                .vux-popup-picker-header:after {
                        content: " ";
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        height: 1px;
                        border-bottom: 1px solid #e5e5e5;
                        color: #e5e5e5;
                        transform-origin: 0 100%;
                        transform: scaleY(0.5);
                }

                .vux-popup-picker-value {
                        /* display: inline-block; */
                }

                .vux-popup-picker-header-menu {
                        text-align: left;
                        padding-left: 15px;
                        line-height: 44px;
                }

                .vux-popup-picker-header-menu-right {
                        text-align: right;
                        padding-right: 15px;
                }

                .vux-popup-picker-select {
                        width: 100%;
                        position: relative;
                }

                .vux-popup-picker-select-box.weui-cell__bd:after {
                        content: " ";
                        display: inline-block;
                        transform: rotate(45deg);
                        height: 6px;
                        width: 6px;
                        border-width: 2px 2px 0 0;
                        border-color: #C8C8CD;
                        border-style: solid;
                        position: relative;
                        top: -2px;
                        position: absolute;
                        top: 50%;
                        right: 15px;
                        margin-top: -3px;
                }

                .vux-popup-picker-cancel {
                        color: #828282;
                }

                .vux-popup-picker-placeholder {
                        color: #999;
                }
        </style>
        <style type="text/css">
                .scroller-component {
                        display: block;
                        position: relative;
                        height: 238px;
                        overflow: hidden;
                        width: 100%;
                }

                .scroller-content {
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        z-index: 1;
                }

                .scroller-mask {
                        position: absolute;
                        left: 0;
                        top: 0;
                        height: 100%;
                        margin: 0 auto;
                        width: 100%;
                        z-index: 3;
                        transform: translateZ(0px);
                        background-image:
                                -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)),
                                -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
                        background-image:
                                linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)),
                                linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
                        background-position: top, bottom;
                        background-size: 100% 102px;
                        background-repeat: no-repeat;
                }

                .scroller-item {
                        text-align: center;
                        font-size: 16px;
                        height: 34px;
                        line-height: 34px;
                        color: #000;
                }

                .scroller-indicator {
                        width: 100%;
                        height: 34px;
                        position: absolute;
                        left: 0;
                        top: 102px;
                        z-index: 3;
                        background-image:
                                -webkit-linear-gradient(top, #d0d0d0, #d0d0d0, transparent, transparent),
                                -webkit-linear-gradient(bottom, #d0d0d0, #d0d0d0, transparent, transparent);
                        background-image:
                                linear-gradient(to bottom, #d0d0d0, #d0d0d0, transparent, transparent),
                                linear-gradient(to top, #d0d0d0, #d0d0d0, transparent, transparent);
                        background-position: top, bottom;
                        background-size: 100% 1px;
                        background-repeat: no-repeat;
                }

                .scroller-item {
                        line-clamp: 1;
                        -webkit-line-clamp: 1;
                        overflow: hidden;
                        text-overflow: ellipsis;
                }
        </style>
        <style type="text/css">
        </style>
        <style type="text/css">
                .vux-flexbox {
                        width: 100%;
                        text-align: left;
                        display: -ms-flexbox;
                        display: flex;
                        display: -webkit-flex;
                        box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                }

                .vux-flexbox .vux-flexbox-item {
                        -ms-flex: 1;
                        flex: 1;
                        -webkit-flex: 1;
                        min-width: 20px;
                        width: 0%;
                }

                .vux-flexbox .vux-flexbox-item:first-child {
                        margin-left: 0 !important;
                        margin-top: 0 !important;
                }

                .vux-flex-row {
                        box-direction: row;
                        box-orient: horizontal;
                        -ms-flex-direction: row;
                        flex-direction: row;
                }

                .vux-flex-col {
                        box-orient: vertical;
                        -ms-flex-direction: column;
                        flex-direction: column;
                }

                .vux-flex-col>.vux-flexbox-item {
                        width: 100%;
                }
        </style>
        <style type="text/css">
                .vux-tap-active {
                        tap-highlight-color: rgba(0, 0, 0, 0);
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                }

                .vux-tap-active:active {
                        background-color: #ECECEC;
                }

                .weui-cells {
                        margin-top: 1.17647059em;
                        background-color: #FFFFFF;
                        line-height: 1.41176471;
                        font-size: 17px;
                        overflow: hidden;
                        position: relative;
                }

                .weui-cells:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        height: 1px;
                        border-top: 1px solid #D9D9D9;
                        color: #D9D9D9;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                }

                .weui-cells:after {
                        content: " ";
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        height: 1px;
                        border-bottom: 1px solid #D9D9D9;
                        color: #D9D9D9;
                        transform-origin: 0 100%;
                        transform: scaleY(0.5);
                }

                .weui-cells__title {
                        margin-top: 0.77em;
                        margin-bottom: 0.3em;
                        padding-left: 15px;
                        padding-right: 15px;
                        color: #999999;
                        font-size: 14px;
                }

                .weui-cells__title+.weui-cells {
                        margin-top: 0;
                }

                .weui-cells__tips {
                        margin-top: .3em;
                        color: #999999;
                        padding-left: 15px;
                        padding-right: 15px;
                        font-size: 14px;
                }

                .weui-cell {
                        padding: 10px 15px;
                        position: relative;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-align: center;
                        align-items: center;
                }

                .weui-cell:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        height: 1px;
                        border-top: 1px solid #D9D9D9;
                        color: #D9D9D9;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                        left: 15px;
                }

                .weui-cell:first-child:before {
                        display: none;
                }

                .weui-cell_primary {
                        -ms-flex-align: start;
                        align-items: flex-start;
                }

                .weui-cell__bd {
                        -ms-flex: 1;
                        flex: 1;
                }

                .weui-cell__ft {
                        text-align: right;
                        color: #999999;
                }

                .vux-cell-justify {
                        height: 1.41176471em;
                }

                .vux-cell-justify.vux-cell-justify:after {
                        content: ".";
                        display: inline-block;
                        width: 100%;
                        overflow: hidden;
                        height: 0;
                }

                .weui-loading {
                        width: 20px;
                        height: 20px;
                        display: inline-block;
                        vertical-align: middle;
                        animation: weuiLoading 1s steps(12, end) infinite;
                        background: transparent url("") no-repeat;
                        background-size: 100%;
                }

                .weui-loading.weui-loading_transparent {
                        background-image: url("");
                }

                @keyframes weuiLoading {
                        0% {
                                transform: rotate3d(0, 0, 1, 0deg);
                        }

                        100% {
                                transform: rotate3d(0, 0, 1, 360deg);
                        }
                }

                .vux-cell-primary {
                        -ms-flex: 1;
                        flex: 1;
                }

                .vux-label {
                        display: inline-block;
                        word-wrap: break-word;
                        word-break: break-all;
                }

                .weui-cell__ft .weui-loading {
                        display: inline-block;
                }

                .weui-cell__ft.vux-cell-align-left {
                        text-align: left;
                }

                .weui-cell.vux-cell-no-border-intent:before {
                        left: 0;
                }

                .weui-cell_access .weui-cell__ft.vux-cell-arrow-down:after {
                        transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0) rotate(90deg);
                }

                .weui-cell_access .weui-cell__ft.vux-cell-arrow-up:after {
                        transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0) rotate(-90deg);
                }

                .vux-cell-arrow-transition:after {
                        transition: transform 300ms;
                }

                .vux-cell-disabled .vux-label {
                        color: #b2b2b2;
                }

                .vux-cell-disabled.weui-cell_access .weui-cell__ft:after {
                        border-color: #e2e2e2;
                }
        </style>
        <style type="text/css">
                .vux-label-desc {
                        font-size: 14px;
                        color: #666;
                }
        </style>
        <style type="text/css">
                .vux-modal-open {
                        overflow: hidden;
                        position: fixed;
                        width: 100%;
                }

                .vux-modal-open-for-container {
                        overflow: hidden !important;
                }
        </style>
        <style type="text/css">
                .vux-popup-dialog {
                        position: fixed;
                        left: 0;
                        bottom: 0;
                        width: 100%;
                        background: #eee;
                        z-index: 501;
                        transition-property: transform;
                        transition-duration: 300ms;
                        max-height: 100%;
                        overflow-y: auto;
                        -webkit-overflow-scrolling: touch;
                }

                .vux-popup-dialog.vux-popup-left {
                        width: auto;
                        height: 100%;
                        top: 0;
                        right: auto;
                        bottom: auto;
                        left: 0;
                }

                .vux-popup-dialog.vux-popup-right {
                        width: auto;
                        height: 100%;
                        top: 0;
                        right: 0;
                        bottom: auto;
                        left: auto;
                }

                .vux-popup-dialog.vux-popup-top {
                        width: 100%;
                        top: 0;
                        right: auto;
                        bottom: auto;
                        left: 0;
                }

                .vux-popup-mask {
                        display: block;
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: rgba(0, 0, 0, 0.5);
                        opacity: 0;
                        tap-highlight-color: rgba(0, 0, 0, 0);
                        z-index: -1;
                        transition: opacity 400ms;
                }

                .vux-popup-mask.vux-popup-show {
                        opacity: 1;
                }

                .vux-popup-animate-bottom-enter,
                .vux-popup-animate-bottom-leave-active {
                        transform: translate3d(0, 100%, 0);
                }

                .vux-popup-animate-left-enter,
                .vux-popup-animate-left-leave-active {
                        transform: translate3d(-100%, 0, 0);
                }

                .vux-popup-animate-right-enter,
                .vux-popup-animate-right-leave-active {
                        transform: translate3d(100%, 0, 0);
                }

                .vux-popup-animate-top-enter,
                .vux-popup-animate-top-leave-active {
                        transform: translate3d(0, -100%, 0);
                }
        </style>
        <style type="text/css">
                .vux-1px,
                .vux-1px-t,
                .vux-1px-b,
                .vux-1px-tb,
                .vux-1px-l,
                .vux-1px-r {
                        position: relative;
                }

                .vux-1px:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 200%;
                        border: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        height: 200%;
                        transform-origin: left top;
                        transform: scale(0.5);
                }

                .vux-1px-t:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        height: 1px;
                        border-top: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                }

                .vux-1px-b:after {
                        content: " ";
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        height: 1px;
                        border-bottom: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        transform-origin: 0 100%;
                        transform: scaleY(0.5);
                }

                .vux-1px-tb:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        height: 1px;
                        border-top: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                }

                .vux-1px-tb:after {
                        content: " ";
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        height: 1px;
                        border-bottom: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        transform-origin: 0 100%;
                        transform: scaleY(0.5);
                }

                .vux-1px-l:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 1px;
                        bottom: 0;
                        border-left: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        transform-origin: 0 0;
                        transform: scaleX(0.5);
                }

                .vux-1px-r:after {
                        content: " ";
                        position: absolute;
                        right: 0;
                        top: 0;
                        width: 1px;
                        bottom: 0;
                        border-right: 1px solid #C7C7C7;
                        color: #C7C7C7;
                        transform-origin: 100% 0;
                        transform: scaleX(0.5);
                }

                /**
* actionsheet
*/
                /**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
                /**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
                /**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
                /**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
                /**
* datetime
*/
                /**
* tabbar
*/
                /**
* tab
*/
                /**
* dialog
*/
                /**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
                /**
* x-number
*/
                /**
* checkbox
*/
                /**
* check-icon
*/
                /**
* Cell
*/
                /**
* Mask
*/
                /**
* Range
*/
                /**
* Tabbar
*/
                /**
* Header
*/
                /**
* Timeline
*/
                /**
* Switch
*/
                /**
* Button
*/
                /**
* en: border radius
* zh-CN: 圆角边框
*/
                /**
* en: font color
* zh-CN: 字体颜色
*/
                /**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
                /**
* en: button height
* zh-CN: 按钮高度
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: font size
* zh-CN: 字体大小
*/
                /**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
                /**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
                /**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
                /**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
                /**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
                /**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
                /**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
                /**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
                /**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
                /**
* swipeout
*/
                /**
* Cell
*/
                /**
* Badge
*/
                /**
* en: badge background color
* zh-CN: badge的背景颜色
*/
                /**
* Popover
*/
                /**
* Button tab
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
                /**
* en: border color
* zh-CN: 边框的颜色
*/
                /**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
                /**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /* alias */
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
                /**
* en: height
* zh-CN: 元素高度
*/
                /**
* en: line height
* zh-CN: 元素行高
*/
                /**
* Swiper
*/
                /**
* checklist
*/
                /**
* popup-picker
*/
                /**
* popup
*/
                /**
* popup-header
*/
                /**
* form-preview
*/
                /**
* sticky
*/
                /**
* group
*/
                /**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
                /**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
                /**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
                /**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
                /**
* toast
*/
                /**
* en: text size of content
* zh-CN: 内容文本大小
*/
                /**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
                /**
* en: position top
* zh-CN: 顶部显示的高度
*/
                /**
* en: position bottom
* zh-CN: 底部显示的高度
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                /**
* icon
*/
                /**
* calendar
*/
                /**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
                /**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
                /**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
                /**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
                /**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
                /**
* en: font size of cell
* zh-CN: 单元格的字号
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
                /**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
                /**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
                /**
* week-calendar
*/
                /**
* search
*/
                /**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
                /**
* radio
*/
                /**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
                /**
* loadmore
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* loading
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                .vux-popup-header {
                        display: -ms-flexbox;
                        display: flex;
                        height: 44px;
                        line-height: 44px;
                        font-size: 16px;
                        background-color: #fbf9fe;
                }

                .vux-popup-header-title {
                        -ms-flex: 1;
                        flex: 1;
                        text-align: center;
                        color: #222;
                }

                .vux-popup-header-left {
                        padding-left: 15px;
                        color: #828282;
                }

                .vux-popup-header-right {
                        padding-right: 15px;
                        color: #04BE02;
                }

                .vux-popup-header.vux-1px-b:after {
                        border-color: #D9D9D9;
                }
        </style>
        <style type="text/css">
                .dp-container.vux-datetime-view {
                        position: static;
                        transition: none;
                }

                .dp-container.vux-datetime-view .dp-header {
                        display: none;
                }

                .vux-datetime-clear {
                        text-align: center;
                }

                .scroller-component {
                        display: block;
                        position: relative;
                        height: 238px;
                        overflow: hidden;
                        width: 100%;
                }

                .scroller-content {
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        z-index: -1;
                }

                .scroller-mask {
                        position: absolute;
                        left: 0;
                        top: 0;
                        height: 100%;
                        margin: 0 auto;
                        width: 100%;
                        z-index: 3;
                        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
                        background-position: top, bottom;
                        background-size: 100% 102px;
                        background-repeat: no-repeat;
                }

                .scroller-item {
                        text-align: center;
                        font-size: 16px;
                        height: 34px;
                        line-height: 34px;
                        color: #000;
                }

                .scroller-indicator {
                        width: 100%;
                        height: 34px;
                        position: absolute;
                        left: 0;
                        top: 102px;
                        z-index: 3;
                        background-image: linear-gradient(to bottom, #d0d0d0, #d0d0d0, transparent, transparent), linear-gradient(to top, #d0d0d0, #d0d0d0, transparent, transparent);
                        background-position: top, bottom;
                        background-size: 100% 1px;
                        background-repeat: no-repeat;
                }

                .dp-container {
                        position: fixed;
                        width: 100%;
                        left: 0;
                        bottom: 0;
                        z-index: 10000;
                        background-color: #fff;
                        display: none;
                        transition: transform 0.3s ease;
                        transform: translateY(100%);
                }

                .dp-mask {
                        z-index: 998;
                        position: fixed;
                        width: 100%;
                        height: 100%;
                        left: 0px;
                        top: 0px;
                        opacity: 0;
                        transition: opacity 0.2s ease-in;
                        background-color: #000;
                        z-index: 9999;
                }

                .dp-header {
                        display: -ms-flexbox;
                        display: flex;
                        width: 100%;
                        box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        background-image: linear-gradient(to bottom, #e7e7e7, #e7e7e7, transparent, transparent);
                        background-position: bottom;
                        background-size: 100% 1px;
                        background-repeat: no-repeat;
                }

                .dp-header .dp-item {
                        color: #04BE02;
                        font-size: 16px;
                        height: 44px;
                        line-height: 44px;
                        cursor: pointer;
                }

                .dp-header .dp-item.dp-left {
                        color: #828282;
                }

                .dp-header .dp-item.dp-right {
                        color: #04BE02;
                }

                .dp-content {
                        display: -ms-flexbox;
                        display: flex;
                        width: 100%;
                        box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        padding: 10px 0;
                }

                .dp-header .dp-item,
                .dp-content .dp-item {
                        box-sizing: border-box;
                        -ms-flex: 1;
                        flex: 1;
                }

                .vux-datetime-cancel {
                        text-align: left;
                        padding-left: 15px;
                }

                .vux-datetime-confirm {
                        text-align: right;
                        padding-right: 15px;
                }

                .vux-datetime {
                        color: #000;
                        text-decoration: none;
                }

                .vux-datetime .vux-input-icon {
                        float: right;
                }

                .vux-cell-primary {
                        -ms-flex: 1;
                        flex: 1;
                }
        </style>
        <style type="text/css">
                @font-face {
                        font-weight: normal;
                        font-style: normal;
                        font-family: "weui";
                        src: url('data:application/octet-stream;base64,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') format('truetype');
                }

                [class^="weui-icon-"],
                [class*=" weui-icon-"] {
                        display: inline-block;
                        vertical-align: middle;
                        font: normal normal normal 14px/1 "weui";
                        font-size: inherit;
                        text-rendering: auto;
                        -webkit-font-smoothing: antialiased;
                }

                [class^="weui-icon-"]:before,
                [class*=" weui-icon-"]:before {
                        display: inline-block;
                        margin-left: .2em;
                        margin-right: .2em;
                }

                .weui-icon-circle:before {
                        content: "\EA01";
                }

                /* '' */
                .weui-icon-download:before {
                        content: "\EA02";
                }

                /* '' */
                .weui-icon-info:before {
                        content: "\EA03";
                }

                /* '' */
                .weui-icon-safe-success:before {
                        content: "\EA04";
                }

                /* '' */
                .weui-icon-safe-warn:before {
                        content: "\EA05";
                }

                /* '' */
                .weui-icon-success:before {
                        content: "\EA06";
                }

                /* '' */
                .weui-icon-success-circle:before {
                        content: "\EA07";
                }

                /* '' */
                .weui-icon-success-no-circle:before {
                        content: "\EA08";
                }

                /* '' */
                .weui-icon-waiting:before {
                        content: "\EA09";
                }

                /* '' */
                .weui-icon-waiting-circle:before {
                        content: "\EA0A";
                }

                /* '' */
                .weui-icon-warn:before {
                        content: "\EA0B";
                }

                /* '' */
                .weui-icon-info-circle:before {
                        content: "\EA0C";
                }

                /* '' */
                .weui-icon-cancel:before {
                        content: "\EA0D";
                }

                /* '' */
                .weui-icon-search:before {
                        content: "\EA0E";
                }

                /* '' */
                .weui-icon-clear:before {
                        content: "\EA0F";
                }

                /* '' */
                .weui-icon-back:before {
                        content: "\EA10";
                }

                /* '' */
                .weui-icon-delete:before {
                        content: "\EA11";
                }

                /* '' */
                /**
* actionsheet
*/
                /**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
                /**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
                /**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
                /**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
                /**
* datetime
*/
                /**
* tabbar
*/
                /**
* tab
*/
                /**
* dialog
*/
                /**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
                /**
* x-number
*/
                /**
* checkbox
*/
                /**
* check-icon
*/
                /**
* Cell
*/
                /**
* Mask
*/
                /**
* Range
*/
                /**
* Tabbar
*/
                /**
* Header
*/
                /**
* Timeline
*/
                /**
* Switch
*/
                /**
* Button
*/
                /**
* en: border radius
* zh-CN: 圆角边框
*/
                /**
* en: font color
* zh-CN: 字体颜色
*/
                /**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
                /**
* en: button height
* zh-CN: 按钮高度
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: font size
* zh-CN: 字体大小
*/
                /**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
                /**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
                /**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
                /**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
                /**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
                /**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
                /**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
                /**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
                /**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
                /**
* swipeout
*/
                /**
* Cell
*/
                /**
* Badge
*/
                /**
* en: badge background color
* zh-CN: badge的背景颜色
*/
                /**
* Popover
*/
                /**
* Button tab
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
                /**
* en: border color
* zh-CN: 边框的颜色
*/
                /**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
                /**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /* alias */
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
                /**
* en: height
* zh-CN: 元素高度
*/
                /**
* en: line height
* zh-CN: 元素行高
*/
                /**
* Swiper
*/
                /**
* checklist
*/
                /**
* popup-picker
*/
                /**
* popup
*/
                /**
* popup-header
*/
                /**
* form-preview
*/
                /**
* sticky
*/
                /**
* group
*/
                /**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
                /**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
                /**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
                /**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
                /**
* toast
*/
                /**
* en: text size of content
* zh-CN: 内容文本大小
*/
                /**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
                /**
* en: position top
* zh-CN: 顶部显示的高度
*/
                /**
* en: position bottom
* zh-CN: 底部显示的高度
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                /**
* icon
*/
                /**
* calendar
*/
                /**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
                /**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
                /**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
                /**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
                /**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
                /**
* en: font size of cell
* zh-CN: 单元格的字号
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
                /**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
                /**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
                /**
* week-calendar
*/
                /**
* search
*/
                /**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
                /**
* radio
*/
                /**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
                /**
* loadmore
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* loading
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                [class^="weui-icon_"]:before,
                [class*=" weui-icon_"]:before {
                        margin: 0;
                }

                .weui-icon-success {
                        font-size: 23px;
                        color: #09BB07;
                }

                .weui-icon-waiting {
                        font-size: 23px;
                        color: #10AEFF;
                }

                .weui-icon-warn {
                        font-size: 23px;
                        color: #F43530;
                }

                .weui-icon-info {
                        font-size: 23px;
                        color: #10AEFF;
                }

                .weui-icon-success-circle {
                        font-size: 23px;
                        color: #09BB07;
                }

                .weui-icon-success-no-circle {
                        font-size: 23px;
                        color: #09BB07;
                }

                .weui-icon-waiting-circle {
                        font-size: 23px;
                        color: #10AEFF;
                }

                .weui-icon-circle {
                        font-size: 23px;
                        color: #C9C9C9;
                }

                .weui-icon-download {
                        font-size: 23px;
                        color: #09BB07;
                }

                .weui-icon-info-circle {
                        font-size: 23px;
                        color: #09BB07;
                }

                .weui-icon-safe-success {
                        color: #09BB07;
                }

                .weui-icon-safe-warn {
                        color: #FFBE00;
                }

                .weui-icon-cancel {
                        color: #F43530;
                        font-size: 22px;
                }

                .weui-icon-search {
                        color: #B2B2B2;
                        font-size: 14px;
                }

                .weui-icon-clear {
                        color: #B2B2B2;
                        font-size: 14px;
                }

                .weui-icon-delete.weui-icon_gallery-delete {
                        color: #FFFFFF;
                        font-size: 22px;
                }

                .weui-icon_msg {
                        font-size: 93px;
                }

                .weui-icon_msg.weui-icon-warn {
                        color: #F76260;
                }

                .weui-icon_msg-primary {
                        font-size: 93px;
                }

                .weui-icon_msg-primary.weui-icon-warn {
                        color: #FFBE00;
                }

                /**
following styles will be removed after v3.0.0
*/
                .icon-big:before {
                        font-size: 93px;
                }
        </style>
        <style type="text/css">
                /**
* actionsheet
*/
                /**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
                /**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
                /**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
                /**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
                /**
* datetime
*/
                /**
* tabbar
*/
                /**
* tab
*/
                /**
* dialog
*/
                /**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
                /**
* x-number
*/
                /**
* checkbox
*/
                /**
* check-icon
*/
                /**
* Cell
*/
                /**
* Mask
*/
                /**
* Range
*/
                /**
* Tabbar
*/
                /**
* Header
*/
                /**
* Timeline
*/
                /**
* Switch
*/
                /**
* Button
*/
                /**
* en: border radius
* zh-CN: 圆角边框
*/
                /**
* en: font color
* zh-CN: 字体颜色
*/
                /**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
                /**
* en: button height
* zh-CN: 按钮高度
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: font size
* zh-CN: 字体大小
*/
                /**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
                /**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
                /**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
                /**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
                /**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
                /**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
                /**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
                /**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
                /**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
                /**
* swipeout
*/
                /**
* Cell
*/
                /**
* Badge
*/
                /**
* en: badge background color
* zh-CN: badge的背景颜色
*/
                /**
* Popover
*/
                /**
* Button tab
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
                /**
* en: border color
* zh-CN: 边框的颜色
*/
                /**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
                /**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /* alias */
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
                /**
* en: height
* zh-CN: 元素高度
*/
                /**
* en: line height
* zh-CN: 元素行高
*/
                /**
* Swiper
*/
                /**
* checklist
*/
                /**
* popup-picker
*/
                /**
* popup
*/
                /**
* popup-header
*/
                /**
* form-preview
*/
                /**
* sticky
*/
                /**
* group
*/
                /**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
                /**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
                /**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
                /**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
                /**
* toast
*/
                /**
* en: text size of content
* zh-CN: 内容文本大小
*/
                /**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
                /**
* en: position top
* zh-CN: 顶部显示的高度
*/
                /**
* en: position bottom
* zh-CN: 底部显示的高度
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                /**
* icon
*/
                /**
* calendar
*/
                /**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
                /**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
                /**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
                /**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
                /**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
                /**
* en: font size of cell
* zh-CN: 单元格的字号
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
                /**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
                /**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
                /**
* week-calendar
*/
                /**
* search
*/
                /**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
                /**
* radio
*/
                /**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
                /**
* loadmore
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* loading
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                .weui-cell_access {
                        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                        color: inherit;
                }

                .weui-cell_access:active {
                        background-color: #ECECEC;
                }

                .weui-cell_access .weui-cell__ft {
                        padding-right: 13px;
                        position: relative;
                }

                .weui-cell_access .weui-cell__ft:after {
                        content: " ";
                        display: inline-block;
                        height: 6px;
                        width: 6px;
                        border-width: 2px 2px 0 0;
                        border-color: #C8C8CD;
                        border-style: solid;
                        transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
                        position: relative;
                        top: -2px;
                        position: absolute;
                        top: 50%;
                        margin-top: -4px;
                        right: 2px;
                }

                .weui-cell_link {
                        color: #586C94;
                        font-size: 14px;
                }

                .weui-cell_link.weui-cell:first-child:before {
                        display: block;
                }

                .weui-cell_access.vux-cell-box {
                        padding-right: 13px;
                        position: relative;
                }

                .weui-cell_access.vux-cell-box:after {
                        content: " ";
                        display: inline-block;
                        height: 6px;
                        width: 6px;
                        border-width: 2px 2px 0 0;
                        border-color: #C8C8CD;
                        border-style: solid;
                        transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
                        position: relative;
                        top: -2px;
                        position: absolute;
                        top: 50%;
                        margin-top: -4px;
                        right: 17px;
                }

                .weui-cells {
                        margin-top: 1.17647059em;
                        background-color: #FFFFFF;
                        line-height: 1.41176471;
                        font-size: 17px;
                        overflow: hidden;
                        position: relative;
                }

                .weui-cells:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        height: 1px;
                        border-top: 1px solid #D9D9D9;
                        color: #D9D9D9;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                }

                .weui-cells:after {
                        content: " ";
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        height: 1px;
                        border-bottom: 1px solid #D9D9D9;
                        color: #D9D9D9;
                        transform-origin: 0 100%;
                        transform: scaleY(0.5);
                }

                .weui-cells__title {
                        margin-top: 0.77em;
                        margin-bottom: 0.3em;
                        padding-left: 15px;
                        padding-right: 15px;
                        color: #999999;
                        font-size: 14px;
                }

                .weui-cells__title+.weui-cells {
                        margin-top: 0;
                }

                .weui-cells__tips {
                        margin-top: .3em;
                        color: #999999;
                        padding-left: 15px;
                        padding-right: 15px;
                        font-size: 14px;
                }

                .weui-cell {
                        padding: 10px 15px;
                        position: relative;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-align: center;
                        align-items: center;
                }

                .weui-cell:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        height: 1px;
                        border-top: 1px solid #D9D9D9;
                        color: #D9D9D9;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                        left: 15px;
                }

                .weui-cell:first-child:before {
                        display: none;
                }

                .weui-cell_primary {
                        -ms-flex-align: start;
                        align-items: flex-start;
                }

                .weui-cell__bd {
                        -ms-flex: 1;
                        flex: 1;
                }

                .weui-cell__ft {
                        text-align: right;
                        color: #999999;
                }

                .vux-cell-justify {
                        height: 1.41176471em;
                }

                .vux-cell-justify.vux-cell-justify:after {
                        content: ".";
                        display: inline-block;
                        width: 100%;
                        overflow: hidden;
                        height: 0;
                }

                /**
* http://www.zhangxinxu.com/wordpress/2015/01/tips-blank-character-chinese-align/
*/
                .vux-blank-half:before {
                        content: '\2002';
                        speak: none;
                }

                .vux-blank-full:before {
                        content: '\2003';
                        speak: none;
                }

                .vux-no-group-title {
                        margin-top: 0.77em;
                }

                .vux-group-footer-title.weui-cells__title {
                        margin-top: 0.3em;
                        margin-bottom: 0.77em;
                        padding-top: 0;
                        font-size: 12px;
                }

                /* global config for group items */
                .vux-cell-value {
                        color: #999;
                }

                .vux-cell-placeholder {
                        color: #999;
                }
        </style>
        <style type="text/css">
                /**
* actionsheet
*/
                /**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
                /**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
                /**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
                /**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
                /**
* datetime
*/
                /**
* tabbar
*/
                /**
* tab
*/
                /**
* dialog
*/
                /**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
                /**
* x-number
*/
                /**
* checkbox
*/
                /**
* check-icon
*/
                /**
* Cell
*/
                /**
* Mask
*/
                /**
* Range
*/
                /**
* Tabbar
*/
                /**
* Header
*/
                /**
* Timeline
*/
                /**
* Switch
*/
                /**
* Button
*/
                /**
* en: border radius
* zh-CN: 圆角边框
*/
                /**
* en: font color
* zh-CN: 字体颜色
*/
                /**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
                /**
* en: button height
* zh-CN: 按钮高度
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: font size
* zh-CN: 字体大小
*/
                /**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
                /**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
                /**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
                /**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
                /**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
                /**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
                /**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
                /**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
                /**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
                /**
* swipeout
*/
                /**
* Cell
*/
                /**
* Badge
*/
                /**
* en: badge background color
* zh-CN: badge的背景颜色
*/
                /**
* Popover
*/
                /**
* Button tab
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
                /**
* en: border color
* zh-CN: 边框的颜色
*/
                /**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
                /**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /* alias */
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
                /**
* en: height
* zh-CN: 元素高度
*/
                /**
* en: line height
* zh-CN: 元素行高
*/
                /**
* Swiper
*/
                /**
* checklist
*/
                /**
* popup-picker
*/
                /**
* popup
*/
                /**
* popup-header
*/
                /**
* form-preview
*/
                /**
* sticky
*/
                /**
* group
*/
                /**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
                /**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
                /**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
                /**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
                /**
* toast
*/
                /**
* en: text size of content
* zh-CN: 内容文本大小
*/
                /**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
                /**
* en: position top
* zh-CN: 顶部显示的高度
*/
                /**
* en: position bottom
* zh-CN: 底部显示的高度
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                /**
* icon
*/
                /**
* calendar
*/
                /**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
                /**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
                /**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
                /**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
                /**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
                /**
* en: font size of cell
* zh-CN: 单元格的字号
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
                /**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
                /**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
                /**
* week-calendar
*/
                /**
* search
*/
                /**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
                /**
* radio
*/
                /**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
                /**
* loadmore
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* loading
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                .vux-calendar {
                        position: relative;
                }

                .vux-calendar:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        height: 1px;
                        border-top: 1px solid #D9D9D9;
                        color: #D9D9D9;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                        left: 15px;
                }
        </style>
        <style type="text/css">
                /**
* actionsheet
*/
                /**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
                /**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
                /**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
                /**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
                /**
* datetime
*/
                /**
* tabbar
*/
                /**
* tab
*/
                /**
* dialog
*/
                /**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
                /**
* x-number
*/
                /**
* checkbox
*/
                /**
* check-icon
*/
                /**
* Cell
*/
                /**
* Mask
*/
                /**
* Range
*/
                /**
* Tabbar
*/
                /**
* Header
*/
                /**
* Timeline
*/
                /**
* Switch
*/
                /**
* Button
*/
                /**
* en: border radius
* zh-CN: 圆角边框
*/
                /**
* en: font color
* zh-CN: 字体颜色
*/
                /**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
                /**
* en: button height
* zh-CN: 按钮高度
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: font size
* zh-CN: 字体大小
*/
                /**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
                /**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
                /**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
                /**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
                /**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
                /**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
                /**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
                /**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
                /**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
                /**
* swipeout
*/
                /**
* Cell
*/
                /**
* Badge
*/
                /**
* en: badge background color
* zh-CN: badge的背景颜色
*/
                /**
* Popover
*/
                /**
* Button tab
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
                /**
* en: border color
* zh-CN: 边框的颜色
*/
                /**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
                /**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /* alias */
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
                /**
* en: height
* zh-CN: 元素高度
*/
                /**
* en: line height
* zh-CN: 元素行高
*/
                /**
* Swiper
*/
                /**
* checklist
*/
                /**
* popup-picker
*/
                /**
* popup
*/
                /**
* popup-header
*/
                /**
* form-preview
*/
                /**
* sticky
*/
                /**
* group
*/
                /**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
                /**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
                /**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
                /**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
                /**
* toast
*/
                /**
* en: text size of content
* zh-CN: 内容文本大小
*/
                /**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
                /**
* en: position top
* zh-CN: 顶部显示的高度
*/
                /**
* en: position bottom
* zh-CN: 底部显示的高度
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                /**
* icon
*/
                /**
* calendar
*/
                /**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
                /**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
                /**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
                /**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
                /**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
                /**
* en: font size of cell
* zh-CN: 单元格的字号
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
                /**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
                /**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
                /**
* week-calendar
*/
                /**
* search
*/
                /**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
                /**
* radio
*/
                /**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
                /**
* loadmore
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* loading
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                .calendar-year>span,
                .calendar-month>span {
                        position: absolute;
                        top: 0;
                        left: 0;
                        display: inline-block;
                        padding: 8px;
                        width: 24px;
                        height: 24px;
                }

                .calendar-year>span.calendar-header-right-arrow,
                .calendar-month>span.calendar-header-right-arrow {
                        left: auto;
                        right: 0;
                }

                .vux-prev-icon,
                .vux-next-icon {
                        position: absolute;
                        left: 0;
                        top: 15px;
                        display: inline-block;
                        width: 12px;
                        height: 12px;
                        border: 1px solid #04BE02;
                        border-radius: 0;
                        border-top: none;
                        border-right: none;
                        transform: rotate(45deg);
                        margin-left: 15px;
                        line-height: 40px;
                }

                .vux-next-icon {
                        transform: rotate(-135deg);
                        left: auto;
                        top: 14px;
                        right: 15px;
                }

                .is-weekend-highlight td.is-week-list-0,
                .is-weekend-highlight td.is-week-list-6,
                .is-weekend-highlight td.is-week-0,
                .is-weekend-highlight td.is-week-6 {
                        color: #E59313;
                }

                .inline-calendar a {
                        text-decoration: none;
                        tap-highlight-color: rgba(0, 0, 0, 0);
                }

                .calendar-year,
                .calendar-month {
                        position: relative;
                }

                .calendar-header {
                        line-height: 40px;
                        font-size: 1.2em;
                        overflow: hidden;
                }

                .calendar-header>div {
                        float: left;
                        width: 50%;
                        text-align: center;
                        overflow: hidden;
                }

                .calendar-header span:last-of-type {
                        float: right;
                        vertical-align: bottom;
                }

                .switch-btn,
                .calendar-title {
                        display: inline-block;
                        border-radius: 4px;
                        line-height: 30px;
                }

                .switch-btn {
                        width: 30px;
                        margin: 5px;
                        color: #39b5b8;
                        font-family: "SimSun";
                }

                .calendar-title {
                        padding: 0 6%;
                        color: #333;
                }

                .switch-btn:active,
                .calendar-title:active,
                .calendar-header a.active {
                        background-color: #39b5b8;
                        color: #fff;
                }

                .calendar-week {
                        overflow: hidden;
                }

                .calendar-week span {
                        float: left;
                        width: 14.28%;
                        font-size: 1.6em;
                        line-height: 34px;
                        text-align: center;
                }

                .inline-calendar {
                        width: 100%;
                        background-color: #fff;
                        border-radius: 2px;
                        transition: all .5s ease;
                }

                .inline-calendar td.is-today,
                .inline-calendar td.is-today.is-disabled {
                        color: #04BE02;
                }

                .calendar-enter,
                .calendar-leave-active {
                        opacity: 0;
                        transform: translate3d(0, -10px, 0);
                }

                .calendar:before {
                        position: absolute;
                        left: 30px;
                        top: -10px;
                        content: "";
                        border: 5px solid rgba(0, 0, 0, 0);
                        border-bottom-color: #DEDEDE;
                }

                .calendar:after {
                        position: absolute;
                        left: 30px;
                        top: -9px;
                        content: "";
                        border: 5px solid rgba(0, 0, 0, 0);
                        border-bottom-color: #fff;
                }

                .inline-calendar table {
                        clear: both;
                        width: 100%;
                        border-collapse: collapse;
                        color: #444444;
                }

                .inline-calendar td {
                        padding: 5px 0;
                        text-align: center;
                        vertical-align: middle;
                        font-size: 16px;
                        position: relative;
                }

                .inline-calendar td.week {
                        pointer-events: none !important;
                        cursor: default !important;
                }

                .inline-calendar td.is-disabled {
                        color: #c0c0c0;
                }

                .inline-calendar td>span.vux-calendar-each-date {
                        position: relative;
                        display: inline-block;
                        width: 26px;
                        height: 26px;
                        line-height: 25px;
                        border-radius: 50%;
                        text-align: center;
                        border: 1px solid transparent;
                        box-sizing: border-box;
                }

                .inline-calendar td.current>span.vux-calendar-each-date {
                        background-color: #04BE02;
                        color: #fff !important;
                }

                .inline-calendar th {
                        color: #000;
                        font-weight: normal;
                }

                /** same as week-calendar style**/
                .vux-calendar-top-tip {
                        position: absolute;
                        left: -10px;
                        top: 0;
                        font-size: 20px;
                        transform: scale(0.5);
                        transform-origin: top left;
                }

                .vux-calendar-dot {
                        display: block;
                        text-align: center;
                        width: 5px;
                        height: 5px;
                        position: absolute;
                        left: 50%;
                        bottom: 0px;
                        margin-left: -2.5px;
                        background-color: #f74c31;
                        border-radius: 50%;
                }
        </style>
        <style type="text/css">
                /**
* actionsheet
*/
                /**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
                /**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
                /**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
                /**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
                /**
* datetime
*/
                /**
* tabbar
*/
                /**
* tab
*/
                /**
* dialog
*/
                /**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
                /**
* x-number
*/
                /**
* checkbox
*/
                /**
* check-icon
*/
                /**
* Cell
*/
                /**
* Mask
*/
                /**
* Range
*/
                /**
* Tabbar
*/
                /**
* Header
*/
                /**
* Timeline
*/
                /**
* Switch
*/
                /**
* Button
*/
                /**
* en: border radius
* zh-CN: 圆角边框
*/
                /**
* en: font color
* zh-CN: 字体颜色
*/
                /**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
                /**
* en: button height
* zh-CN: 按钮高度
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: font size
* zh-CN: 字体大小
*/
                /**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
                /**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
                /**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
                /**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
                /**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
                /**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
                /**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
                /**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
                /**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
                /**
* swipeout
*/
                /**
* Cell
*/
                /**
* Badge
*/
                /**
* en: badge background color
* zh-CN: badge的背景颜色
*/
                /**
* Popover
*/
                /**
* Button tab
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
                /**
* en: border color
* zh-CN: 边框的颜色
*/
                /**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
                /**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /* alias */
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
                /**
* en: height
* zh-CN: 元素高度
*/
                /**
* en: line height
* zh-CN: 元素行高
*/
                /**
* Swiper
*/
                /**
* checklist
*/
                /**
* popup-picker
*/
                /**
* popup
*/
                /**
* popup-header
*/
                /**
* form-preview
*/
                /**
* sticky
*/
                /**
* group
*/
                /**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
                /**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
                /**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
                /**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
                /**
* toast
*/
                /**
* en: text size of content
* zh-CN: 内容文本大小
*/
                /**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
                /**
* en: position top
* zh-CN: 顶部显示的高度
*/
                /**
* en: position bottom
* zh-CN: 底部显示的高度
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                /**
* icon
*/
                /**
* calendar
*/
                /**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
                /**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
                /**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
                /**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
                /**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
                /**
* en: font size of cell
* zh-CN: 单元格的字号
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
                /**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
                /**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
                /**
* week-calendar
*/
                /**
* search
*/
                /**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
                /**
* radio
*/
                /**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
                /**
* loadmore
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* loading
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                .weui-cell_access {
                        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                        color: inherit;
                }

                .weui-cell_access:active {
                        background-color: #ECECEC;
                }

                .weui-cell_access .weui-cell__ft {
                        padding-right: 13px;
                        position: relative;
                }

                .weui-cell_access .weui-cell__ft:after {
                        content: " ";
                        display: inline-block;
                        height: 6px;
                        width: 6px;
                        border-width: 2px 2px 0 0;
                        border-color: #C8C8CD;
                        border-style: solid;
                        transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
                        position: relative;
                        top: -2px;
                        position: absolute;
                        top: 50%;
                        margin-top: -4px;
                        right: 2px;
                }

                .weui-cell_link {
                        color: #586C94;
                        font-size: 14px;
                }

                .weui-cell_link.weui-cell:first-child:before {
                        display: block;
                }

                .weui-cell_access.vux-cell-box {
                        padding-right: 13px;
                        position: relative;
                }

                .weui-cell_access.vux-cell-box:after {
                        content: " ";
                        display: inline-block;
                        height: 6px;
                        width: 6px;
                        border-width: 2px 2px 0 0;
                        border-color: #C8C8CD;
                        border-style: solid;
                        transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
                        position: relative;
                        top: -2px;
                        position: absolute;
                        top: 50%;
                        margin-top: -4px;
                        right: 17px;
                }

                .weui-cells {
                        margin-top: 1.17647059em;
                        background-color: #FFFFFF;
                        line-height: 1.41176471;
                        font-size: 17px;
                        overflow: hidden;
                        position: relative;
                }

                .weui-cells:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        height: 1px;
                        border-top: 1px solid #D9D9D9;
                        color: #D9D9D9;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                }

                .weui-cells:after {
                        content: " ";
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        height: 1px;
                        border-bottom: 1px solid #D9D9D9;
                        color: #D9D9D9;
                        transform-origin: 0 100%;
                        transform: scaleY(0.5);
                }

                .weui-cells__title {
                        margin-top: 0.77em;
                        margin-bottom: 0.3em;
                        padding-left: 15px;
                        padding-right: 15px;
                        color: #999999;
                        font-size: 14px;
                }

                .weui-cells__title+.weui-cells {
                        margin-top: 0;
                }

                .weui-cells__tips {
                        margin-top: .3em;
                        color: #999999;
                        padding-left: 15px;
                        padding-right: 15px;
                        font-size: 14px;
                }

                .weui-cell {
                        padding: 10px 15px;
                        position: relative;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-align: center;
                        align-items: center;
                }

                .weui-cell:before {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        height: 1px;
                        border-top: 1px solid #D9D9D9;
                        color: #D9D9D9;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                        left: 15px;
                }

                .weui-cell:first-child:before {
                        display: none;
                }

                .weui-cell_primary {
                        -ms-flex-align: start;
                        align-items: flex-start;
                }

                .weui-cell__bd {
                        -ms-flex: 1;
                        flex: 1;
                }

                .weui-cell__ft {
                        text-align: right;
                        color: #999999;
                }

                .vux-cell-justify {
                        height: 1.41176471em;
                }

                .vux-cell-justify.vux-cell-justify:after {
                        content: ".";
                        display: inline-block;
                        width: 100%;
                        overflow: hidden;
                        height: 0;
                }

                .weui-label {
                        display: block;
                        width: 105px;
                        word-wrap: break-word;
                        word-break: break-all;
                }

                .weui-input {
                        width: 100%;
                        border: 0;
                        outline: 0;
                        -webkit-appearance: none;
                        background-color: transparent;
                        font-size: inherit;
                        color: inherit;
                        height: 1.41176471em;
                        line-height: 1.41176471;
                }

                .weui-input::-webkit-outer-spin-button,
                .weui-input::-webkit-inner-spin-button {
                        -webkit-appearance: none;
                        margin: 0;
                }

                .weui-textarea {
                        display: block;
                        border: 0;
                        resize: none;
                        width: 100%;
                        color: inherit;
                        font-size: 1em;
                        line-height: inherit;
                        outline: 0;
                }

                .weui-textarea-counter {
                        color: #B2B2B2;
                        text-align: right;
                }

                .weui-cell_warn .weui-textarea-counter {
                        color: #E64340;
                }

                .weui-toptips {
                        display: none;
                        position: fixed;
                        transform: translateZ(0);
                        top: 0;
                        left: 0;
                        right: 0;
                        padding: 5px;
                        font-size: 14px;
                        text-align: center;
                        color: #FFF;
                        z-index: 5000;
                        word-wrap: break-word;
                        word-break: break-all;
                }

                .weui-toptips_warn {
                        background-color: #E64340;
                }

                .weui-cells_form .weui-cell__ft {
                        font-size: 0;
                }

                .weui-cells_form .weui-icon-warn {
                        display: none;
                }

                .weui-cells_form input,
                .weui-cells_form textarea,
                .weui-cells_form label[for] {
                        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                }

                .weui-cell_warn {
                        color: #E64340;
                }

                .weui-cell_warn .weui-icon-warn {
                        display: inline-block;
                }

                .weui-cell_vcode {
                        padding-top: 0;
                        padding-right: 0;
                        padding-bottom: 0;
                }

                .weui-vcode-img {
                        margin-left: 5px;
                        height: 44px;
                        vertical-align: middle;
                }

                .weui-vcode-btn {
                        display: inline-block;
                        height: 44px;
                        margin-left: 5px;
                        padding: 0 0.6em 0 0.7em;
                        border-left: 1px solid #E5E5E5;
                        line-height: 44px;
                        vertical-align: middle;
                        font-size: 17px;
                        color: #3CC51F;
                }

                button.weui-vcode-btn {
                        background-color: transparent;
                        border-top: 0;
                        border-right: 0;
                        border-bottom: 0;
                        outline: 0;
                }

                .weui-vcode-btn:active {
                        color: #52a341;
                }

                .vux-x-input .vux-x-input-placeholder-right input::-webkit-input-placeholder {
                        text-align: right;
                }

                .vux-x-input .vux-x-input-placeholder-center input::-webkit-input-placeholder {
                        text-align: center;
                }

                .vux-x-input .vux-input-icon {
                        font-size: 21px;
                }

                .vux-input-icon.weui-icon-warn:before,
                .vux-input-icon.weui-icon-success:before {
                        font-size: 21px;
                }

                .vux-x-input .weui-icon {
                        padding-left: 5px;
                }

                .vux-x-input.weui-cell_vcode {
                        padding-top: 0;
                        padding-right: 0;
                        padding-bottom: 0;
                }

                .vux-x-input.disabled .weui-input {
                        text-fill-color: #888;
                        -webkit-text-fill-color: #888;
                        /* Override iOS / Android font color change */
                        opacity: 1;
                        /* Override iOS opacity change affecting text & background color */
                }

                .vux-x-input-right-full {
                        margin-left: 5px;
                        height: 44px;
                        vertical-align: middle;
                }

                .vux-x-input-right-full img {
                        height: 44px;
                }

                .vux-x-input-has-right-full {
                        padding-top: 0;
                        padding-right: 0;
                        padding-bottom: 0;
                }
        </style>
        <style type="text/css">
                .vux-fade-enter-active,
                .vux-fade-leave-active {
                        opacity: 1;
                        transition: opacity linear 0.2s;
                }

                .vux-fade-enter,
                .vux-fade-leave-to {
                        opacity: 0;
                }

                .vux-dialog-enter-active {
                        animation: vux-dialog-in 0.5s;
                }

                .vux-dialog-leave-active {
                        animation: vux-dialog-out 0.3s;
                }

                @keyframes vux-dialog-in {
                        0% {
                                transform: scale(1.185);
                                opacity: 0;
                        }

                        100% {
                                transform: scale(1);
                                opacity: 1;
                        }
                }

                @keyframes vux-dialog-out {
                        0% {
                                transform: scale(1);
                                opacity: 1;
                        }

                        100% {
                                transform: scale(0.85);
                                opacity: 0;
                        }
                }

                .vux-mask-enter,
                .vux-mask-leave-active {
                        opacity: 0;
                }

                .vux-mask-leave-active,
                .vux-mask-enter-active {
                        transition: opacity 300ms;
                }

                /**
* actionsheet
*/
                /**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
                /**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
                /**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
                /**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
                /**
* datetime
*/
                /**
* tabbar
*/
                /**
* tab
*/
                /**
* dialog
*/
                /**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
                /**
* x-number
*/
                /**
* checkbox
*/
                /**
* check-icon
*/
                /**
* Cell
*/
                /**
* Mask
*/
                /**
* Range
*/
                /**
* Tabbar
*/
                /**
* Header
*/
                /**
* Timeline
*/
                /**
* Switch
*/
                /**
* Button
*/
                /**
* en: border radius
* zh-CN: 圆角边框
*/
                /**
* en: font color
* zh-CN: 字体颜色
*/
                /**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
                /**
* en: button height
* zh-CN: 按钮高度
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: font size
* zh-CN: 字体大小
*/
                /**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
                /**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
                /**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
                /**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
                /**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
                /**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
                /**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
                /**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
                /**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
                /**
* swipeout
*/
                /**
* Cell
*/
                /**
* Badge
*/
                /**
* en: badge background color
* zh-CN: badge的背景颜色
*/
                /**
* Popover
*/
                /**
* Button tab
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
                /**
* en: border color
* zh-CN: 边框的颜色
*/
                /**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
                /**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /* alias */
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
                /**
* en: height
* zh-CN: 元素高度
*/
                /**
* en: line height
* zh-CN: 元素行高
*/
                /**
* Swiper
*/
                /**
* checklist
*/
                /**
* popup-picker
*/
                /**
* popup
*/
                /**
* popup-header
*/
                /**
* form-preview
*/
                /**
* sticky
*/
                /**
* group
*/
                /**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
                /**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
                /**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
                /**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
                /**
* toast
*/
                /**
* en: text size of content
* zh-CN: 内容文本大小
*/
                /**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
                /**
* en: position top
* zh-CN: 顶部显示的高度
*/
                /**
* en: position bottom
* zh-CN: 底部显示的高度
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                /**
* icon
*/
                /**
* calendar
*/
                /**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
                /**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
                /**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
                /**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
                /**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
                /**
* en: font size of cell
* zh-CN: 单元格的字号
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
                /**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
                /**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
                /**
* week-calendar
*/
                /**
* search
*/
                /**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
                /**
* radio
*/
                /**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
                /**
* loadmore
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* loading
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                .weui-mask {
                        position: fixed;
                        z-index: 1000;
                        top: 0;
                        right: 0;
                        left: 0;
                        bottom: 0;
                        background: rgba(0, 0, 0, 0.6);
                }

                .weui-mask_transparent {
                        position: fixed;
                        z-index: 1000;
                        top: 0;
                        right: 0;
                        left: 0;
                        bottom: 0;
                }

                @font-face {
                        font-weight: normal;
                        font-style: normal;
                        font-family: "weui";
                        src: url('data:application/octet-stream;base64,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') format('truetype');
                }

                [class^="weui-icon-"],
                [class*=" weui-icon-"] {
                        display: inline-block;
                        vertical-align: middle;
                        font: normal normal normal 14px/1 "weui";
                        font-size: inherit;
                        text-rendering: auto;
                        -webkit-font-smoothing: antialiased;
                }

                [class^="weui-icon-"]:before,
                [class*=" weui-icon-"]:before {
                        display: inline-block;
                        margin-left: .2em;
                        margin-right: .2em;
                }

                .weui-icon-circle:before {
                        content: "\EA01";
                }

                /* '' */
                .weui-icon-download:before {
                        content: "\EA02";
                }

                /* '' */
                .weui-icon-info:before {
                        content: "\EA03";
                }

                /* '' */
                .weui-icon-safe-success:before {
                        content: "\EA04";
                }

                /* '' */
                .weui-icon-safe-warn:before {
                        content: "\EA05";
                }

                /* '' */
                .weui-icon-success:before {
                        content: "\EA06";
                }

                /* '' */
                .weui-icon-success-circle:before {
                        content: "\EA07";
                }

                /* '' */
                .weui-icon-success-no-circle:before {
                        content: "\EA08";
                }

                /* '' */
                .weui-icon-waiting:before {
                        content: "\EA09";
                }

                /* '' */
                .weui-icon-waiting-circle:before {
                        content: "\EA0A";
                }

                /* '' */
                .weui-icon-warn:before {
                        content: "\EA0B";
                }

                /* '' */
                .weui-icon-info-circle:before {
                        content: "\EA0C";
                }

                /* '' */
                .weui-icon-cancel:before {
                        content: "\EA0D";
                }

                /* '' */
                .weui-icon-search:before {
                        content: "\EA0E";
                }

                /* '' */
                .weui-icon-clear:before {
                        content: "\EA0F";
                }

                /* '' */
                .weui-icon-back:before {
                        content: "\EA10";
                }

                /* '' */
                .weui-icon-delete:before {
                        content: "\EA11";
                }

                /* '' */
                [class^="weui-icon_"]:before,
                [class*=" weui-icon_"]:before {
                        margin: 0;
                }

                .weui-icon-success {
                        font-size: 23px;
                        color: #09BB07;
                }

                .weui-icon-waiting {
                        font-size: 23px;
                        color: #10AEFF;
                }

                .weui-icon-warn {
                        font-size: 23px;
                        color: #F43530;
                }

                .weui-icon-info {
                        font-size: 23px;
                        color: #10AEFF;
                }

                .weui-icon-success-circle {
                        font-size: 23px;
                        color: #09BB07;
                }

                .weui-icon-success-no-circle {
                        font-size: 23px;
                        color: #09BB07;
                }

                .weui-icon-waiting-circle {
                        font-size: 23px;
                        color: #10AEFF;
                }

                .weui-icon-circle {
                        font-size: 23px;
                        color: #C9C9C9;
                }

                .weui-icon-download {
                        font-size: 23px;
                        color: #09BB07;
                }

                .weui-icon-info-circle {
                        font-size: 23px;
                        color: #09BB07;
                }

                .weui-icon-safe-success {
                        color: #09BB07;
                }

                .weui-icon-safe-warn {
                        color: #FFBE00;
                }

                .weui-icon-cancel {
                        color: #F43530;
                        font-size: 22px;
                }

                .weui-icon-search {
                        color: #B2B2B2;
                        font-size: 14px;
                }

                .weui-icon-clear {
                        color: #B2B2B2;
                        font-size: 14px;
                }

                .weui-icon-delete.weui-icon_gallery-delete {
                        color: #FFFFFF;
                        font-size: 22px;
                }

                .weui-icon_msg {
                        font-size: 93px;
                }

                .weui-icon_msg.weui-icon-warn {
                        color: #F76260;
                }

                .weui-icon_msg-primary {
                        font-size: 93px;
                }

                .weui-icon_msg-primary.weui-icon-warn {
                        color: #FFBE00;
                }

                .weui-toast {
                        position: fixed;
                        z-index: 5001;
                        width: 7.6em;
                        min-height: 7.6em;
                        top: 180px;
                        left: 50%;
                        margin-left: -3.8em;
                        background: rgba(17, 17, 17, 0.7);
                        text-align: center;
                        border-radius: 5px;
                        color: #FFFFFF;
                }

                .weui-icon_toast {
                        margin: 22px 0 0;
                        display: block;
                }

                .weui-icon_toast.weui-icon-success-no-circle:before {
                        color: #FFFFFF;
                        font-size: 55px;
                }

                .weui-icon_toast.weui-loading {
                        margin: 30px 0 0;
                        width: 38px;
                        height: 38px;
                        vertical-align: baseline;
                }

                .weui-toast__content {
                        margin: 0 0 15px;
                }

                .weui-toast.vux-toast-top {
                        top: 10px;
                }

                .weui-toast.vux-toast-bottom {
                        top: auto;
                        bottom: 10px;
                        transform: translateX(-50%);
                }

                .weui-toast.vux-toast-middle {
                        top: 50%;
                        transform: translateX(-50%) translateY(-50%);
                }

                .vux-slide-from-top-enter,
                .vux-slide-from-top-leave-active {
                        opacity: 0;
                        transform: translateX(-50%) translateY(-100%) !important;
                }

                .vux-slide-from-bottom-enter,
                .vux-slide-from-bottom-leave-active {
                        opacity: 0;
                        transform: translateX(-50%) translateY(100%) !important;
                }

                .vux-slide-from-top-enter-active,
                .vux-slide-from-top-leave-active,
                .vux-slide-from-bottom-enter-active,
                .vux-slide-from-bottom-leave-active {
                        transition: all 400ms cubic-bezier(0.36, 0.66, 0.04, 1);
                }

                .weui-toast {
                        transform: translateX(-50%);
                        margin-left: 0 !important;
                }

                .weui-toast.weui-toast_forbidden {
                        color: #F76260;
                }

                .weui-toast.weui-toast_forbidden .weui-toast__content {
                        margin-top: 10px;
                }

                .weui-toast.weui-toast_text {
                        min-height: 0;
                }

                .weui-toast_text .weui-toast__content {
                        margin: 0;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        border-radius: 15px;
                }

                .weui-toast__content {
                        font-size: 16px;
                }

                .weui-loading_toast .weui-toast__content {
                        margin-top: 0;
                }

                .weui-toast_success .weui-icon_toast:before {
                        content: "\EA08";
                }

                .weui-toast_cancel .weui-icon_toast:before {
                        content: "\EA0D";
                }

                .weui-toast_forbidden .weui-icon_toast.weui-icon-success-no-circle:before {
                        content: "\EA0B";
                        color: #F76260;
                }
        </style>
        <style type="text/css">
                /* @charset "UTF-8"; */

                .bill-wrap {
                        overflow-x: hidden;
                        overflow-y: auto;
                }

                .bill-wrap {
                        width: 100%;
                }

                .container-box {
                        height: 100%;
                }

                .checker-item-icon,
                .bill-item-type,
                .bill-item-type-icon {
                        top: 50%;
                }

                .checker-item-icon,
                .bill-item-type-icon {
                        left: 50%;
                }

                .bill-null-warp,
                .bill-dialog-close:after,
                .bill-dialog-close:before,
                .bill-dialog-ok:after,
                .bill-dialog-ok:before,
                .bill-sum-title,
                .bill-prompt-wrap,
                .filter-menu:before,
                .menu-btn-wrap {
                        left: 0;
                }

                .bill-null-warp,
                .bill-sum-title,
                .bill-prompt-wrap,
                .filter-menu,
                .menu-btn-wrap,
                .bill-item-sum:after {
                        right: 0;
                }

                .bill-prompt-wrap,
                .bill-wrap,
                .filter-menu,
                .filter-menu:before,
                .menu-btn-wrap {
                        bottom: 0;
                }

                .filter-menu,
                .filter-menu:before {
                        top: 0;
                }

                .bill-prompt-wrap,
                .menu-btn-wrap {
                        display: -ms-flexbox;
                        display: flex;
                }

                .bill-prompt,
                .menu-btn {
                        -ms-flex: 1;
                        flex: 1;
                }

                .bill-dialog-ok,
                .bill-prompt,
                .bill-type-check-item,
                .bill-item,
                .bill-item-sum {
                        position: relative;
                }

                .bill-null-warp,
                .bill-dialog-close,
                .bill-dialog-close:after,
                .bill-dialog-close:before,
                .bill-dialog-ok:after,
                .bill-dialog-ok:before,
                .bill-sum-title,
                .bill-prompt-wrap,
                .bill-cancel,
                .checker-item-icon,
                .bill-wrap,
                .bill-filter,
                .filter-menu,
                .filter-menu:before,
                .menu-btn-wrap,
                .bill-item-type,
                .bill-item-type-icon,
                .bill-item-sum:after {
                        position: absolute;
                }

                .bill-dialog-ok {
                        display: inline-block;
                }

                .bill-list-null-icon,
                .filter-menu-item {
                        display: block;
                }

                .bill-dialog-ok {
                        vertical-align: middle;
                }

                .menu-type-wrap {
                        zoom: 1;
                }

                .menu-type-wrap:after {
                        content: ' ';
                        display: block;
                        height: 0;
                        clear: both;
                }

                .bill-type-check-item,
                .bill-item-remark {
                        float: left;
                }

                .bill-item-sum {
                        float: right;
                }

                .bill-list-null-icon {
                        margin: 0 auto;
                }

                .bill-item-con,
                .bill-item-time {
                        overflow: hidden;
                }

                .bill-null-warp,
                .bill-sum-title,
                .bill-prompt,
                .menu-btn {
                        text-align: center;
                }

                .bill-item-time {
                        text-align: right;
                }

                .bill-sum,
                .bill-item-con {
                        font-weight: bold;
                }

                .bill-cancel,
                .bill-filter,
                .filter-menu-item,
                .menu-btn {
                        cursor: pointer;
                }

                .bill-sum-title,
                .bill-cancel,
                .filter-menu-item,
                .bill-item-time {
                        font-size: 12px;
                }

                .menu-btn,
                .bill-item-con {
                        font-size: 14px;
                }

                .bill-prompt {
                        font-size: 16px;
                }

                .bill-cancel,
                .menu-btn {
                        color: #fff;
                }

                .bill-item-con {
                        color: #333;
                }

                .bill-null-warp,
                .bill-dialog-ok,
                .bill-item-time {
                        color: #999;
                }

                .menu-type-wrap {
                        margin-top: 10px;
                }

                .bill-null-warp {
                        padding-top: 100px;
                }

                .bill-list-null-icon {
                        width: 100px;
                        height: 50px;
                        fill: #999;
                }

                .dialog-con {
                        padding: 20px 0;
                }

                .bill-dialog-box {
                        background-color: #F9FAFC;
                }

                .bill-dialog-close {
                        top: 8px;
                        right: 8px;
                        width: 15px;
                        height: 15px;
                }

                .bill-dialog-close:after,
                .bill-dialog-close:before {
                        content: '';
                        top: 7px;
                        width: 15px;
                        height: 1px;
                        background-color: #999;
                        transform: rotate(-45deg);
                }

                .bill-dialog-close:after {
                        transform: rotate(45deg);
                }

                .bill-dialog-ok {
                        margin: 8px 0;
                        width: 24px;
                        height: 24px;
                }

                .bill-dialog-ok:after,
                .bill-dialog-ok:before {
                        content: '';
                        top: 7px;
                        height: 1px;
                        background-color: #58B7FF;
                        transform: rotate(-45deg);
                }

                .bill-dialog-ok:after {
                        left: -5px;
                        top: 13px;
                        width: 13px;
                        transform: rotate(45deg);
                }

                .bill-dialog-ok:before {
                        width: 24px;
                        top: 9px;
                        left: 2px;
                }

                .bill-reduce,
                .bill-equal {
                        width: 12px;
                        margin: 0 4px;
                }

                .bill-sum-title {
                        top: 3px;
                        color: #58B7FF;
                }

                .bill-sum-earn {
                        color: #F7BA2A;
                }

                .bill-sum-consumption {
                        color: #FF4949;
                }

                .bill-sum-balance {
                        color: #13CE66;
                }

                .bill-reduce {
                        height: 2px;
                        margin-top: 22px;
                        background-color: #58B7FF;
                }

                .bill-equal {
                        height: 6px;
                        margin-top: 18px;
                        border-bottom: 2px solid #58B7FF;
                        border-top: 2px solid #58B7FF;
                }

                .bill-prompt-wrap {
                        height: 40px;
                        background-color: rgba(255, 255, 255, 0.8);
                }

                .bill-sum {
                        line-height: 35px;
                }

                .bill-prompt {
                        padding-top: 10px;
                }

                .bill-cancel {
                        padding: 0 5px;
                        right: 10px;
                        bottom: 12px;
                        background-color: #FF4949;
                        border-radius: 5px;
                }

                .bill-type-check-item {
                        width: 20%;
                        padding-bottom: 20%;
                }

                .bill-type-check-item.bill-type-check-item-selected .checker-item-icon {
                        fill: #58B7FF;
                }

                .checker-item-icon {
                        width: 30px;
                        height: 30px;
                        margin-top: -15px;
                        margin-left: -15px;
                        fill: #ccc;
                        transition: all .5s;
                }

                .bill-wrap {
                        top: 64px;
                }

                .bill-filter {
                        top: 20px;
                        right: 20px;
                        width: 20px;
                        height: 20px;
                        fill: #999;
                }

                .container-box {
                        transition: all .5s;
                }

                .container-box.open-menu {
                        transform: translate3d(-82%, 0, 0);
                }

                .filter-menu {
                        transition: all .5s;
                        transform: translate3d(100%, 0, 0);
                        width: 82%;
                        z-index: 1;
                        background-color: #fff;
                }

                .filter-menu:before {
                        content: " ";
                        width: 1px;
                        background-color: #999;
                        transform-origin: 0 0;
                        transform: scaleX(0.5);
                }

                .filter-menu-item {
                        padding-left: 10px;
                        line-height: 30px;
                }

                .menu-btn {
                        height: 40px;
                        line-height: 40px;
                }

                .menu-sure-btn {
                        background-color: #58B7FF;
                }

                .menu-reset-btn {
                        background-color: #ccc;
                }

                .bill-list {
                        margin: 0 10px 20px;
                }

                .bill-item {
                        margin-left: 50px;
                        padding: 10px;
                        border-bottom: 1px solid #ccc;
                }

                .bill-item:last-child {
                        border-bottom: none;
                }

                .bill-item-null {
                        padding: 20px 0;
                }

                .bill-item-type {
                        left: -50px;
                        width: 50px;
                        height: 50px;
                        margin-top: -25px;
                }

                .bill-item-type.earn-type .bill-item-type-icon {
                        fill: #13CE66;
                }

                .bill-item-type.consumption-type .bill-item-type-icon {
                        fill: #FF4949;
                }

                .bill-item-type-icon {
                        width: 30px;
                        height: 30px;
                        margin-top: -15px;
                        margin-left: -15px;
                }

                .bill-item-con {
                        line-height: 30px;
                }

                .bill-item-sum {
                        padding-right: 20px;
                }

                .bill-item-sum:after {
                        content: '\FFE5';
                }

                .bill-item-time {
                        margin-right: 40px;
                        height: 20px;
                        line-height: 20px;
                }
        </style>
        <style type="text/css">
                .vux-checker-item {
                        display: inline-block;
                }
        </style>
        <style type="text/css">
                .vux-tap-active {
                        tap-highlight-color: rgba(0, 0, 0, 0);
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                }

                .vux-tap-active:active {
                        background-color: #ECECEC;
                }
        </style>
        <style type="text/css">
                .vux-fade-enter-active,
                .vux-fade-leave-active {
                        opacity: 1;
                        transition: opacity linear 0.2s;
                }

                .vux-fade-enter,
                .vux-fade-leave-to {
                        opacity: 0;
                }

                .vux-dialog-enter-active {
                        animation: vux-dialog-in 0.5s;
                }

                .vux-dialog-leave-active {
                        animation: vux-dialog-out 0.3s;
                }

                @keyframes vux-dialog-in {
                        0% {
                                transform: scale(1.185);
                                opacity: 0;
                        }

                        100% {
                                transform: scale(1);
                                opacity: 1;
                        }
                }

                @keyframes vux-dialog-out {
                        0% {
                                transform: scale(1);
                                opacity: 1;
                        }

                        100% {
                                transform: scale(0.85);
                                opacity: 0;
                        }
                }

                .vux-mask-enter,
                .vux-mask-leave-active {
                        opacity: 0;
                }

                .vux-mask-leave-active,
                .vux-mask-enter-active {
                        transition: opacity 300ms;
                }

                /**
* actionsheet
*/
                /**
* en: primary type text color of menu item
* zh-CN: 菜单项primary类型的文本颜色
*/
                /**
* en: warn type text color of menu item
* zh-CN: 菜单项warn类型的文本颜色
*/
                /**
* en: default type text color of menu item
* zh-CN: 菜单项default类型的文本颜色
*/
                /**
* en: disabled type text color of menu item
* zh-CN: 菜单项disabled类型的文本颜色
*/
                /**
* datetime
*/
                /**
* tabbar
*/
                /**
* tab
*/
                /**
* dialog
*/
                /**
* en: title and content's padding-left and padding-right
* zh-CN: 标题及内容区域的 padding-left 和 padding-right
*/
                /**
* x-number
*/
                /**
* checkbox
*/
                /**
* check-icon
*/
                /**
* Cell
*/
                /**
* Mask
*/
                /**
* Range
*/
                /**
* Tabbar
*/
                /**
* Header
*/
                /**
* Timeline
*/
                /**
* Switch
*/
                /**
* Button
*/
                /**
* en: border radius
* zh-CN: 圆角边框
*/
                /**
* en: font color
* zh-CN: 字体颜色
*/
                /**
* en: margin-top value between previous button, not works when there is only one button
* zh-CN: 与相邻按钮的 margin-top 间隙，只有一个按钮时不生效
*/
                /**
* en: button height
* zh-CN: 按钮高度
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: the font color in disabled
* zh-CN: disabled状态下的字体颜色
*/
                /**
* en: font size
* zh-CN: 字体大小
*/
                /**
* en: the font size of the mini type
* zh-CN: mini类型的字体大小
*/
                /**
* en: the line height of the mini type
* zh-CN: mini类型的行高
*/
                /**
* en: the background color of the warn type
* zh-CN: warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in active
* zh-CN: active状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the warn type in disabled
* zh-CN: disabled状态下，warn类型的背景颜色
*/
                /**
* en: the background color of the default type
* zh-CN: default类型的背景颜色
*/
                /**
* en: the font color of the default type
* zh-CN: default类型的字体颜色
*/
                /**
* en: the background color of the default type in active
* zh-CN: active状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in disabled
* zh-CN: disabled状态下，default类型的字体颜色
*/
                /**
* en: the background color of the default type in disabled
* zh-CN: disabled状态下，default类型的背景颜色
*/
                /**
* en: the font color of the default type in active
* zh-CN: active状态下，default类型的字体颜色
*/
                /**
* en: the background color of the primary type
* zh-CN: primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in active
* zh-CN: active状态下，primary类型的背景颜色
*/
                /**
* en: the background color of the primary type in disabled
* zh-CN: disabled状态下，primary类型的背景颜色
*/
                /**
* en: the font color of the plain primary type
* zh-CN: plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type
* zh-CN: plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的字体颜色
*/
                /**
* en: the border color of the plain primary type in active
* zh-CN: active状态下，plain的primary类型的边框颜色
*/
                /**
* en: the font color of the plain default type
* zh-CN: plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type
* zh-CN: plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain default type in active
* zh-CN: active状态下，plain的default类型的字体颜色
*/
                /**
* en: the border color of the plain default type in active
* zh-CN: active状态下，plain的default类型的边框颜色
*/
                /**
* en: the font color of the plain warn type
* zh-CN: plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type
* zh-CN: plain的warn类型的边框颜色
*/
                /**
* en: the font color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的字体颜色
*/
                /**
* en: the border color of the plain warn type in active
* zh-CN: active状态下，plain的warn类型的边框颜色
*/
                /**
* swipeout
*/
                /**
* Cell
*/
                /**
* Badge
*/
                /**
* en: badge background color
* zh-CN: badge的背景颜色
*/
                /**
* Popover
*/
                /**
* Button tab
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: border radius color
* zh-CN: 圆角边框的半径
*/
                /**
* en: border color
* zh-CN: 边框的颜色
*/
                /**
* en: not used
* zh-CN: 默认状态下圆角边框的颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default background color
* zh-CN: 默认状态下的背景颜色
*/
                /**
* en: selected background color
* zh-CN: 选中状态下的背景颜色
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /* alias */
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* en: default text color
* zh-CN: 默认状态下的文本颜色
*/
                /**
* en: height
* zh-CN: 元素高度
*/
                /**
* en: line height
* zh-CN: 元素行高
*/
                /**
* Swiper
*/
                /**
* checklist
*/
                /**
* popup-picker
*/
                /**
* popup
*/
                /**
* popup-header
*/
                /**
* form-preview
*/
                /**
* sticky
*/
                /**
* group
*/
                /**
* en: margin-top of title
* zh-CN: 标题的margin-top
*/
                /**
* en: margin-bottom of title
* zh-CN: 标题的margin-bottom
*/
                /**
* en: margin-top of footer title
* zh-CN: 底部标题的margin-top
*/
                /**
* en: margin-bottom of footer title
* zh-CN: 底部标题的margin-bottom
*/
                /**
* toast
*/
                /**
* en: text size of content
* zh-CN: 内容文本大小
*/
                /**
* en: default top
* zh-CN: 默认状态下距离顶部的高度
*/
                /**
* en: position top
* zh-CN: 顶部显示的高度
*/
                /**
* en: position bottom
* zh-CN: 底部显示的高度
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                /**
* icon
*/
                /**
* calendar
*/
                /**
* en: forward and backward arrows color
* zh-CN: 前进后退的箭头颜色
*/
                /**
* en: text color of week highlight
* zh-CN: 周末高亮的文本颜色
*/
                /**
* en: background color when selected
* zh-CN: 选中时的背景颜色
*/
                /**
* en: text color when disabled
* zh-CN: 禁用时的文本颜色
*/
                /**
* en: text color of today
* zh-CN: 今天的文本颜色
*/
                /**
* en: font size of cell
* zh-CN: 单元格的字号
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: size of date cell
* zh-CN: 日期单元格尺寸大小
*/
                /**
* en: line height of date cell
* zh-CN: 日期单元格的行高
*/
                /**
* en: text color of header
* zh-CN: 头部的文本颜色
*/
                /**
* week-calendar
*/
                /**
* search
*/
                /**
* en: text color of cancel button
* zh-CN: 取消按钮文本颜色
*/
                /**
* en: background color
* zh-CN: 背景颜色
*/
                /**
* en: text color of placeholder
* zh-CN: placeholder文本颜色
*/
                /**
* radio
*/
                /**
* en: checked icon color
* zh-CN: 选中状态的图标颜色
*/
                /**
* loadmore
*/
                /**
* en: not used
* zh-CN: 未被使用
*/
                /**
* loading
*/
                /**
* en: z-index
* zh-CN: z-index
*/
                .weui-mask {
                        position: fixed;
                        z-index: 1000;
                        top: 0;
                        right: 0;
                        left: 0;
                        bottom: 0;
                        background: rgba(0, 0, 0, 0.6);
                }

                .weui-mask_transparent {
                        position: fixed;
                        z-index: 1000;
                        top: 0;
                        right: 0;
                        left: 0;
                        bottom: 0;
                }

                .weui-dialog {
                        position: fixed;
                        display: table;
                        z-index: 5000;
                        width: 80%;
                        max-width: 300px;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        margin: auto;
                        background-color: #FFFFFF;
                        text-align: center;
                        border-radius: 3px;
                        overflow: hidden;
                }

                .weui-dialog__hd {
                        padding: 1.3em 1.6em 0.5em;
                }

                .weui-dialog__hd.with-no-content {
                        padding: 1.7em 1.6em;
                }

                .weui-dialog__title {
                        font-weight: 400;
                        font-size: 18px;
                }

                .weui-dialog__bd {
                        padding: 0 1.6em 0.8em;
                        min-height: 40px;
                        font-size: 15px;
                        line-height: 1.3;
                        word-wrap: break-word;
                        word-break: break-all;
                        color: #999999;
                }

                .weui-dialog__bd:first-child {
                        padding: 2.7em 20px 1.7em;
                        color: #353535;
                }

                .weui-dialog__ft {
                        position: relative;
                        line-height: 48px;
                        font-size: 18px;
                        display: -ms-flexbox;
                        display: flex;
                }

                .weui-dialog__ft:after {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        height: 1px;
                        border-top: 1px solid #D5D5D6;
                        color: #D5D5D6;
                        transform-origin: 0 0;
                        transform: scaleY(0.5);
                }

                .weui-dialog__btn {
                        display: block;
                        -ms-flex: 1;
                        flex: 1;
                        color: #3CC51F;
                        text-decoration: none;
                        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                        position: relative;
                }

                .weui-dialog__btn:active {
                        background-color: #EEEEEE;
                }

                .weui-dialog__btn:after {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 1px;
                        bottom: 0;
                        border-left: 1px solid #D5D5D6;
                        color: #D5D5D6;
                        transform-origin: 0 0;
                        transform: scaleX(0.5);
                }

                .weui-dialog__btn:first-child:after {
                        display: none;
                }

                .weui-dialog__btn_default {
                        color: #353535;
                }

                .weui-dialog__btn_primary {
                        color: #0BB20C;
                }

                .weui-dialog__btn_warn {
                        color: #E64340;
                }

                .weui-skin_android .weui-dialog {
                        text-align: left;
                        box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1);
                }

                .weui-skin_android .weui-dialog__title {
                        font-size: 21px;
                }

                .weui-skin_android .weui-dialog__hd {
                        text-align: left;
                }

                .weui-skin_android .weui-dialog__bd {
                        color: #999999;
                        padding: 0.25em 1.6em 2em;
                        font-size: 17px;
                        text-align: left;
                }

                .weui-skin_android .weui-dialog__bd:first-child {
                        padding: 1.6em 1.6em 2em;
                        color: #353535;
                }

                .weui-skin_android .weui-dialog__ft {
                        display: block;
                        text-align: right;
                        line-height: 42px;
                        font-size: 16px;
                        padding: 0 1.6em 0.7em;
                }

                .weui-skin_android .weui-dialog__ft:after {
                        display: none;
                }

                .weui-skin_android .weui-dialog__btn {
                        display: inline-block;
                        vertical-align: top;
                        padding: 0 .8em;
                }

                .weui-skin_android .weui-dialog__btn:after {
                        display: none;
                }

                .weui-skin_android .weui-dialog__btn:active {
                        background-color: rgba(0, 0, 0, 0.06);
                }

                .weui-skin_android .weui-dialog__btn:visited {
                        background-color: rgba(0, 0, 0, 0.06);
                }

                .weui-skin_android .weui-dialog__btn:last-child {
                        margin-right: -0.8em;
                }

                .weui-skin_android .weui-dialog__btn_default {
                        color: #808080;
                }

                @media screen and (min-width: 1024px) {
                        .weui-dialog {
                                width: 35%;
                        }
                }

                .vux-x-dialog-absolute .weui-dialog {
                        position: absolute;
                }
        </style>
        <style type="text/css">
                .chart-wrap {
                        -webkit-overflow-scrolling: touch;
                }

                .chart-wrap {
                        overflow-x: hidden;
                        overflow-y: auto;
                }

                .chart-wrap {
                        width: 100%;
                }

                .chart-wrap {
                        bottom: 0;
                }

                .chart-wrap {
                        position: absolute;
                }

                .chart-title {
                        font-weight: normal;
                }

                .chart-title {
                        font-size: 14px;
                }

                .chart-wrap {
                        top: 64px;
                }

                .chart-title {
                        color: #58B7FF;
                }

                .chart-item {
                        padding: 10px;
                }
        </style>
</head>

<body style="font-size: 12px;">
        <div id="app">
                <div class="container-view">
                        <div class="home-wrap">
                                <div class="balance-wrap"><svg slot="icon" class="balance-icon">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#type-jbgz">
                                                </use>
                                        </svg>
                                        <h2 class="balance-title">可用余额</h2>
                                        <h1 id="total_balance" class="balance-total">-12.00</h1>
                                </div>
                                <div class="home-btn-wrap"><a href="#/account/consumption"
                                                class="go-account go-consumption">消费</a> <a href="#/account/earn"
                                                class="go-account go-earn">入账</a></div> <svg slot="icon"
                                        class="home-arrow">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#nav-arrow"></use>
                                </svg>
                        </div>
                </div>
                <div class="weui-tabbar"><a href="javascript:;" class="weui-tabbar__item weui-bar__item_on">
                                <div class="weui-tabbar__icon"><svg class="nav-item nav-home-item">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#nav-home">
                                                </use>
                                        </svg>
                                        <!---->
                                        <!---->
                                </div>
                                <p class="weui-tabbar__label"><span>首页</span></p>
                        </a> <a href="javascript:;" class="weui-tabbar__item">
                                <div class="weui-tabbar__icon"><svg class="nav-item nav-account-item">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                        xlink:href="#nav-account"></use>
                                        </svg>
                                        <!---->
                                        <!---->
                                </div>
                                <p class="weui-tabbar__label"><span>记账</span></p>
                        </a> <a href="javascript:;" class="weui-tabbar__item">
                                <div class="weui-tabbar__icon"><svg class="nav-item nav-bill-item">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#nav-bill">
                                                </use>
                                        </svg>
                                        <!---->
                                        <!---->
                                </div>
                                <p class="weui-tabbar__label"><span>账单</span></p>
                        </a> <a href="javascript:;" class="weui-tabbar__item">
                                <div class="weui-tabbar__icon"><svg class="nav-item nav-chart-item">
                                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#nav-chart">
                                                </use>
                                        </svg>
                                        <!---->
                                        <!---->
                                </div>
                                <p class="weui-tabbar__label"><span>分析</span></p>
                        </a></div> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        style="position: absolute; width: 0px; height: 0px; overflow: hidden;">
                        <defs>
                                <symbol id="guide-jump-icon" viewBox="0 0 1024 1024">
                                        <title>guide-jump-icon</title>
                                        <path d="M581.775 873.695a26.185 26.185 0 0 1-26.18-26.185V667.294c-31.739 2.214-89.003 8.117-155.237 23.72-58.759 13.843-112.999 32.51-161.211 55.483-59.511 28.354-109.902 63.366-149.778 104.064a26.182 26.182 0 1 1-44.619-22.06c0.377-2.618 9.655-65.058 45.419-145.58 20.982-47.242 46.833-91.084 76.83-130.311 37.516-49.057 81.642-90.975 131.159-124.597 10.114-7.587 116.47-85.255 257.436-106.486V161.973a26.185 26.185 0 0 1 43.486-19.654L987.746 484.51a26.18 26.18 0 0 1 0.033 39.276L599.112 867.133a26.176 26.176 0 0 1-17.341 6.561z m0.006-260.08a26.182 26.182 0 0 1 26.183 26.185v149.642l322.894-285.245-322.894-284.284v124.696c0 13.439-10.174 24.697-23.545 26.051-141.472 14.333-254.047 98.646-255.167 99.495-0.373 0.283-0.777 0.574-1.165 0.836-45.063 30.515-85.265 68.678-119.487 113.429-27.507 35.969-51.251 76.262-70.568 119.756a638.289 638.289 0 0 0-21.054 53.854c30.21-21.977 63.744-41.753 100.325-59.135 51.744-24.587 109.711-44.488 172.293-59.148 106.241-24.888 188.44-26.093 191.887-26.132 0.098-0.002 0.198-0.002 0.296-0.002z"
                                                p-id="2081"></path>
                                </symbol>
                                <symbol id="nav-account" viewBox="0 0 1024 1024">
                                        <title>nav-account</title>
                                        <path d="M530.974736 573.730691c37.806584-57.455494 176.292805-263.933839 228.157849-308.35093-66.134971 157.528888-196.403873 319.609579-274.364661 474.165067 144.019007 48.795405 209.288273-9.045096 288.740745-76.373414l-78.730803-15.107223c99.986674-32.764414 93.000729-20.63054 128.017172-69.031618 27.780007-38.38392 50.835368-90.1913 59.28409-144.298106l-65.066919 8.102091c20.755587-12.085779 66.991206-33.322512 74.3335-45.167767 19.63939-31.667456 71.225535-334.514456 71.822109-397.464709-198.838013 1.837886-516.532277 417.238865-539.513079 615.766879-23.122744 199.608027-250.3183 501.22171 107.319-42.242512zm296.400016 112.236124c59.303029 35.362475 94.579133 81.030378 94.579133 131.92356 0 274.538101-861.11971 274.538101-861.11971 0 0-126.073448 195.604952-182.614893 296.938776-198.106874-2.386365 16.964377-7.592087 34.265517-14.395172 51.961233-69.647131 12.740116-233.594296 59.861227-233.594296 146.145641 0 207.382925 763.220796 207.382925 763.220796 0 0-36.392101-32.783652-71.119377-86.948271-99.034249 13.865931-10.09396 27.472051-21.236733 41.318745-32.88951z"
                                                p-id="6444"></path>
                                </symbol>
                                <symbol id="nav-home" viewBox="0 0 1024 1024">
                                        <title>nav-home</title>
                                        <path d="M877.061848 517.092004 512.010553 175.437046 146.959457 516.089283c-7.13796 6.66608-7.539088 17.874481-0.861216 25.012442 6.66608 7.13796 17.874481 7.539088 25.012442 0.861216l340.876486-318.08214 340.888278 319.049484c3.42148 3.197232 7.763336 4.77816 12.093201 4.77816 4.7192 0 9.438601-1.875928 12.919041-5.6042C884.565561 534.966485 884.199609 523.769876 877.061848 517.092004zM765.662177 524.112044c-9.768977 0-17.697401 7.928425-17.697401 17.697401l0 271.360817-141.579609 0L606.385167 624.39765l-188.772812 0 0 188.772812-141.579609 0L276.032746 541.809445c0-9.768977-7.916633-17.697401-17.697401-17.697401s-17.697401 7.928425-17.697401 17.697401l0 306.75562L453.007357 848.565065l0-188.772612 117.983008 0 0 188.772612 212.369414 0L783.359778 541.809445C783.359578 532.040469 775.431154 524.112044 765.662177 524.112044zM641.780169 270.448628l106.184607 0 0 94.386406c0 9.780769 7.928425 17.697401 17.697401 17.697401s17.697401-7.916633 17.697401-17.697401l0-129.781208-141.579609 0c-9.768977 0-17.697401 7.916633-17.697401 17.697401S632.011192 270.448628 641.780169 270.448628z"
                                                p-id="3060"></path>
                                </symbol>
                                <symbol id="nav-bill" viewBox="0 0 1024 1024">
                                        <title>nav-bill</title>
                                        <path d="M832.041984 107.588608 320.017408 107.588608c-11.311104 0-20.48 9.168896-20.48 20.48L299.537408 235.594752 192.011264 235.594752c-11.311104 0-20.48 9.16992-20.48 20.48l0 640.041984c0 11.311104 9.168896 20.48 20.48 20.48l640.03072 0c11.311104 0 20.48-9.168896 20.48-20.48L852.521984 128.068608C852.521984 116.757504 843.353088 107.588608 832.041984 107.588608zM811.561984 875.636736l-599.07072 0L212.491264 276.554752l107.526144 0c11.311104 0 20.48-9.168896 20.48-20.48L340.497408 148.548608l471.064576 0L811.561984 875.636736z"
                                                p-id="5444"></path>
                                        <path d="M448.023552 468.563968l298.681344 0c11.311104 0 20.48-9.168896 20.48-20.48s-9.168896-20.48-20.48-20.48L448.023552 427.603968c-11.311104 0-20.48 9.168896-20.48 20.48S436.713472 468.563968 448.023552 468.563968z"
                                                p-id="5445"></path>
                                        <path d="M448.023552 596.580352l298.681344 0c11.311104 0 20.48-9.168896 20.48-20.48s-9.168896-20.48-20.48-20.48L448.023552 555.620352c-11.311104 0-20.48 9.168896-20.48 20.48S436.713472 596.580352 448.023552 596.580352z"
                                                p-id="5446"></path>
                                        <path d="M448.023552 724.586496l298.681344 0c11.311104 0 20.48-9.168896 20.48-20.48s-9.168896-20.48-20.48-20.48L448.023552 683.626496c-11.311104 0-20.48 9.168896-20.48 20.48S436.713472 724.586496 448.023552 724.586496z"
                                                p-id="5447"></path>
                                        <path d="M319.934464 448.958464c0 17.77152 14.334976 32.063488 32.022528 32.063488 17.709056 0 32.063488-14.291968 32.063488-32.063488 0-17.647616-14.354432-32.043008-32.063488-32.043008C334.26944 416.915456 319.934464 431.310848 319.934464 448.958464z"
                                                p-id="5448"></path>
                                        <path d="M351.956992 545.130496c-17.687552 0-32.022528 14.354432-32.022528 32.052224 0 17.75104 14.334976 32.084992 32.022528 32.084992 17.709056 0 32.063488-14.333952 32.063488-32.084992C384.02048 559.483904 369.666048 545.130496 351.956992 545.130496z"
                                                p-id="5449"></path>
                                        <path d="M351.956992 673.395712c-17.687552 0-32.022528 14.416896-32.022528 32.084992s14.334976 32.044032 32.022528 32.044032c17.709056 0 32.063488-14.375936 32.063488-32.044032S369.666048 673.395712 351.956992 673.395712z"
                                                p-id="5450"></path>
                                </symbol>
                                <symbol id="nav-chart" viewBox="0 0 1024 1024">
                                        <title>nav-chart</title>
                                        <path d="M932.149059 175.768189l-28.009937 0L904.139122 679.938873c0 30.955013-25.082258 56.019875-56.019875 56.019875L606.178963 735.958748l69.709665 128.36046c8.602935 12.720719 3.497661 29.005614-11.392468 36.372396-14.880919 7.303336-33.918507 2.991124-42.508139-9.737782L544.177863 747.667417c-2.498914-3.719718-3.520173-7.704472-3.794419-11.70867l-56.757678 0c-0.274246 4.003174-1.303692 7.988951-3.801583 11.70867l-77.80811 143.286404c-8.593725 12.729929-27.631314 17.041118-42.511209 9.737782-14.890128-7.366781-19.986193-23.651676-11.392468-36.372396l69.705572-128.36046L175.87973 735.958748c-30.94171 0-56.019875-25.064862-56.019875-56.019875L119.859855 175.768189l-28.009937 0c-15.46932 0-28.009937-12.528338-28.009937-28.019147 0-15.45397 12.540617-27.991518 28.009937-27.991518l84.029812 0 672.239518 0 84.029812 0c15.47239 0 28.009937 12.537548 28.009937 27.991518C960.16002 163.240875 947.622472 175.768189 932.149059 175.768189zM848.119247 175.822424l-27.709085 0c-0.10847 0-0.199545-0.054235-0.300852-0.054235L203.889667 175.768189c-0.101307 0-0.186242 0.054235-0.291642 0.054235L175.87973 175.822424l0 27.937283c0 0 0 0.00921 0 0.027629l0 448.131367c0 15.47239 12.537548 28.019147 28.009937 28.019147l616.219643 0c15.47239 0 28.009937-12.546757 28.009937-28.019147L848.119247 231.861742l0 0L848.119247 175.822424zM284.168038 306.700217l120.975259 140.214439 132.813888-113.352651c2.918469-4.184299 7.258311-7.040347 11.999288-9.226129 1.6465-1.542122 1.979074-3.939729 4.057409-5.098111 13.394055-7.521301 30.527271-3.081175 38.258349 9.920954L788.342816 527.415085c7.742335 12.992919 3.146667 29.578666-10.247388 37.092803-13.394055 7.486508-30.527271 3.01773-38.267559-9.930163L567.431473 380.245234 430.02601 497.482355c-7.006578 10.092869-20.893866 14.378475-33.871435 11.889795-2.494821-0.345877-4.801353-1.00284-7.108908-1.977028-0.500397-0.218988-1.052982-0.192382-1.540076-0.429789-0.474814-0.228197-0.720408-0.620124-1.176802-0.86674-2.009773-1.111311-3.792373-2.413979-5.487991-4.02057-1.669012-1.458211-3.045359-2.972705-4.240581-4.695952-0.25071-0.382717-0.665149-0.582261-0.892323-0.99363L235.651045 334.055239c-7.736195-13.103436-3.14462-29.816073 10.253528-37.365003C259.302721 289.131073 276.435936 293.616224 284.168038 306.700217z"
                                                p-id="2373"></path>
                                </symbol>
                                <symbol id="nav-arrow" viewBox="0 0 1024 1024">
                                        <title>nav-arrow</title>
                                        <path d="M509.093 894.223l-447.093-761.539 452.861 219.231 447.139-222.138z"
                                                p-id="6999"></path>
                                </symbol>
                                <symbol id="search-icon" viewBox="0 0 1024 1024">
                                        <title>search-icon</title>
                                        <path d="M507.872494 812.127522c-46.167482 0-90.970898-9.052167-133.167952-26.904767-40.74396-17.237593-77.334319-41.907459-108.754936-73.326029-31.42164-31.417547-56.094576-68.00586-73.335239-108.747773-17.854647-42.195008-26.907836-86.998423-26.907836-133.164882 0-46.191018 9.05319-91.010807 26.907836-133.214001 17.238616-40.749076 41.912575-77.341482 73.335239-108.760053 31.419594-31.4155 68.010977-56.08332 108.756983-73.316819 42.193984-17.84646 86.9974-26.895557 133.165906-26.895557 46.181809 0 90.99341 9.049097 133.189442 26.895557 40.748053 17.2335 77.338413 41.901319 108.754936 73.317843 31.417547 31.417547 56.086389 68.009953 73.319889 108.761076 17.848507 42.201148 26.898627 87.020936 26.898627 133.211954 0 46.167482-9.05012 90.969874-26.898627 133.162836-17.235546 40.742936-41.903366 77.331249-73.319889 108.747773-31.417547 31.419594-68.007907 56.090483-108.75289 73.327052C598.864882 803.075355 554.05328 812.127522 507.872494 812.127522zM507.872494 170.56877c-165.086919 0-299.394834 134.317125-299.394834 299.416324 0 165.073616 134.307915 299.372322 299.394834 299.372322 165.085896 0 299.392788-134.297682 299.392788-299.372322C807.265282 304.885895 672.95839 170.56877 507.872494 170.56877z"
                                                p-id="4531"></path>
                                        <path d="M747.538445 679.377735l149.694915 149.694915-30.243465 30.243465-149.694915-149.694915 30.243465-30.243465Z"
                                                p-id="4532"></path>
                                </symbol>
                                <symbol id="type-sgls" viewBox="0 0 1024 1024">
                                        <title>type-sgls</title>
                                        <path d="M633.482819 274.190803c-43.335994 0-77.467349 11.609409-103.948467 32.389688-2.335185-9.154497-7.907087-16.543791-17.708314-21.961174-0.500397-19.015076-4.16281-45.502333-9.375531-60.155055 27.282367 9.267061 50.729381 10.676154 73.836659 9.797134 25.957185-1.438769 50.200332-7.105838 72.997548-16.294105 22.7614-9.206686 44.032866-22.168905 63.582107-39.255049 19.387559-17.535375 37.480636-38.343283 51.182706-69.872371-31.830963-12.977569-59.303664-15.190981-85.433788-14.184047-25.930579 1.489934-50.182936 7.097652-72.91773 16.45067-22.727631 9.342786-44.010353 22.287609-63.593364 39.408545-16.338107 14.814404-31.718399 32.003901-44.378743 55.850006-9.928117-41.497113-45.857421-94.094028-60.669778-95.0324l-5.478781 27.947516c1.146103 0.653893 49.034786 50.665936 48.951899 136.400576-7.992021-0.973164-17.09433-1.489934-27.463492-1.489934-163.355485 0-295.743678 124.342959-295.743678 277.726326s132.387169 277.726326 295.743678 277.726326c56.590879 0 76.236312-14.960737 77.792761-40.84015 26.25906 25.63996 60.044538 40.84015 102.623285 40.84015 131.440611 0 237.990323-124.342959 237.990323-277.726326S764.92343 274.190803 633.482819 274.190803z"
                                                p-id="4320"></path>
                                </symbol>
                                <symbol id="type-cyhs" viewBox="0 0 1024 1024">
                                        <title>type-cyhs</title>
                                        <path d="M99.453531 492.340731a242.176 194.048 44.999 1 0 274.420524-274.430103 242.176 194.048 44.999 1 0-274.420524 274.430103Z"
                                                p-id="4982"></path>
                                        <path d="M771.072 869.888l-46.592 46.592c-10.24 10.24-26.624 10.24-36.352 0l-345.6-378.368c-10.24-10.24-10.24-26.624 0-36.352l13.824-13.824c10.24-10.24 26.624-10.24 36.352 0l378.368 345.6c10.24 9.728 10.24 26.624 0 36.352z"
                                                p-id="4983"></path>
                                        <path d="M196.608 917.504l-46.592-46.592c-10.24-10.24-10.24-26.624 0-36.352L578.56 466.944c10.24-10.24 26.624-10.24 36.352 0l13.824 13.824c10.24 10.24 10.24 26.624 0 36.352l-395.776 400.384c-10.24 10.24-26.624 10.24-36.352 0z"
                                                p-id="4984"></path>
                                        <path d="M985.088 318.976L756.224 547.84c-12.288 12.288-29.184 14.848-37.888 6.144-8.704-8.704-6.144-25.6 6.144-37.888L953.344 286.72l-23.04-23.04-229.888 229.888c-12.288 12.288-29.184 14.848-37.888 6.144s-6.144-25.6 6.144-37.888l229.888-229.888-23.04-23.04-225.792 225.792c-12.288 12.288-29.184 14.848-37.888 6.144-8.704-8.704-6.144-25.6 6.144-37.888l225.792-225.792-23.552-23.552-225.28 225.28c-12.288 12.288-29.184 14.848-37.888 6.144-8.704-8.704-6.144-25.6 6.144-37.888l225.28-225.28-18.944-18.944-244.224 244.224c-14.848 14.848-18.432 36.352-7.68 47.104l195.072 195.072c10.752 10.752 32.256 7.68 47.104-7.68L1003.52 337.408l-18.432-18.432z"
                                                p-id="4985"></path>
                                        <path d="M778.24 112.128m-13.312 0a13.312 13.312 0 1 0 26.624 0 13.312 13.312 0 1 0-26.624 0Z"
                                                p-id="4986"></path>
                                        <path d="M831.488 164.864m-16.384 0a16.384 16.384 0 1 0 32.768 0 16.384 16.384 0 1 0-32.768 0Z"
                                                p-id="4987"></path>
                                        <path d="M886.272 220.16m-16.384 0a16.384 16.384 0 1 0 32.768 0 16.384 16.384 0 1 0-32.768 0Z"
                                                p-id="4988"></path>
                                        <path d="M941.568 275.456m-16.384 0a16.384 16.384 0 1 0 32.768 0 16.384 16.384 0 1 0-32.768 0Z"
                                                p-id="4989"></path>
                                        <path d="M994.304 328.192m-13.312 0a13.312 13.312 0 1 0 26.624 0 13.312 13.312 0 1 0-26.624 0Z"
                                                p-id="4990"></path>
                                </symbol>
                                <symbol id="type-cxly" viewBox="0 0 1024 1024">
                                        <title>type-cxly</title>
                                        <path d="M284.296 596.128c0.177-0.354 0.473-0.65 0.65-1.004 0.118 0.414 0.236 0.827 0.414 1.241 0.414 1.122-0.532 0.236-1.063-0.236M751.769 596.364c0.177-0.414 0.295-0.827 0.414-1.241 0.177 0.354 0.473 0.65 0.65 1.004-0.532 0.473-1.477 1.359-1.063 0.236M885.814 403.715c-43.835-34.264-108.465-58.368-182.37-65.93 77.568 57.541 80.403 169.077 48.738 257.338-30.424-49.27-79.635-97.417-142.847-134.399-11.579-6.794-23.276-12.406-34.973-17.959-20.736 167.128 3.663 271.635 30.897 332.72 73.373 8.389 132.982 28.298 163.406 54.055 0 0 21.681 16.010 21.681 38.991 0 21.386-15.065 38.695-33.615 38.695h-457.194c-18.55 0-33.615-17.309-33.615-38.695 0-21.327 5.967-22.804 19.436-38.991 31.37-26.525 96.531-46.789 173.095-54.646-40.468-170.023-2.599-294.674 14.237-337.269-15.005 6.735-30.011 14.415-44.898 23.099-63.212 36.982-112.423 85.129-142.847 134.399-35.328-97.24-28.829-199.797 48.738-257.338-73.905 7.562-138.535 31.665-182.37 65.93-1.182-9.629-2.009-19.377-1.95-29.361 0.414-127.074 105.688-224.491 233.176-225.023 51.692-0.236 97.654 10.693 136.054 39.168 38.341-28.475 84.302-39.404 135.994-39.168 127.487 0.532 232.762 97.949 233.176 225.023 0.059 9.984-0.768 19.732-1.95 29.361z"
                                                p-id="8478"></path>
                                </symbol>
                                <symbol id="type-wsgw" viewBox="0 0 1024 1024">
                                        <title>type-wsgw</title>
                                        <path d="M394.5 1024c-53.762 0-97.5-43.738-97.5-97.5s43.738-97.5 97.5-97.5 97.5 43.738 97.5 97.5S448.262 1024 394.5 1024zM775.5 1024c-53.762 0-97.5-43.738-97.5-97.5s43.738-97.5 97.5-97.5 97.5 43.738 97.5 97.5S829.262 1024 775.5 1024zM837.138 773.917c-1.526 0-2.89-0.059-4.067-0.145L401.904 773.772c-40.291 0-75.033-15.058-103.263-44.754-23.209-24.416-41.882-58.525-57.082-104.277-26.507-79.791-38.625-182.417-51.453-291.069-2.264-19.172-4.604-38.998-7.001-58.409-8.959-72.566-32.673-124.128-68.579-149.111-35.95-25.013-73.792-17.002-74.165-16.916-17.2 4.067-34.438-6.579-38.504-23.778-4.066-17.198 6.58-34.437 23.779-38.503 2.655-0.627 65.711-14.897 125.444 26.663 39.553 27.52 67.621 71.847 83.81 132.179 0.234-0.005 0.461-0.01 0.7-0.006l686.876 1.434c37.604 0 60.012 15.34 72.175 28.208 27.451 29.042 26.08 68.284 25.833 72.663l-0.076 1.353-0.189 1.341c-0.189 1.346-19.52 136.427-56.264 292.828-16.893 71.896-41.622 121.935-73.504 148.723C868.513 770.763 848.359 773.917 837.138 773.917z"
                                                p-id="9712"></path>
                                </symbol>
                                <symbol id="type-shrc" viewBox="0 0 1024 1024">
                                        <title>type-shrc</title>
                                        <path d="M137.233 494.253c227.66 0 441.618-0.341 656.673 1.085 12.483 0.078 31.461 5.042 45.417 9.994 66.898 23.727 112.452 79.21 73.055 168.016-31.463 70.892-76.909 130.028-155.115 139.399-10.502 1.236-23.157 9.434-32.39 17.339-229.644 197.11-512.122 95.636-571.673-206.146-7.737-39.227-15.964-102.058-15.964-129.686zM781.33 751.735c67.953-39.722 93.118-83.373 94.683-132.933 0.324-9.744-5.306-30.332-23.095-33.165-21.037-3.34-28.133 14.851-31.553 25.245-16.535 50.333-21.732 74.434-40.033 140.852z"
                                                p-id="10383"></path>
                                        <path d="M483.35 120.223c1.453 48.006-8.601 85.602 18.977 135.169 37.806 67.938 18.409 132.044-9.079 175.216 2.723-96.523-22.581-113.050-36.32-172.083-13.132-56.561-9.297-107.436 26.421-138.302z"
                                                p-id="10384"></path>
                                        <path d="M537.427 10.834c4.375 39.762 7.858 53.047 20.603 93.83 12.499 40.062 37.404 90.079-18.064 123.853 38.144-74.394-74.464-150.203-2.537-217.683z"
                                                p-id="10385"></path>
                                        <path d="M212.225 947.998v64.889c172.162 0.078 388.238 1.362 554.969-2.305 0.402-0.029 0.835 0 1.236 0v-62.585c-182.725 0-385.714 0-556.204 0z"
                                                p-id="10386"></path>
                                </symbol>
                                <symbol id="type-cfsd" viewBox="0 0 1024 1024">
                                        <title>type-cfsd</title>
                                        <path d="M949.521728 335.212598l-5.41636 10.495028c-7.943926 15.393595-27.03882 21.48943-42.433438 13.545504l-396.125923-200.977337-386.499681 202.89092c-15.394618 7.943926-34.489512 1.848091-42.433438-13.545504l-5.41636-10.495028c-7.943926-15.394618-1.848091-34.489512 13.545504-42.433438L490.922962 81.646532c7.456832-3.848655 15.780405-4.393054 23.285333-2.191922 2.220574 0.574075 4.41045 1.391696 6.529717 2.485611l415.236166 210.838939C951.369819 300.724109 957.465654 319.819003 949.521728 335.212598zM729.21516 256.240989l16.789385 0.073678c15.954367 0.069585 29.063943-12.926404 29.133527-28.880771l0.51063-117.353778c0.069585-15.953344-12.926404-29.063943-28.880771-29.133527L729.97957 80.873935c-15.953344-0.069585-29.063943 12.926404-29.133527 28.880771l-0.51063 117.353778C700.265828 243.061828 713.261816 256.171404 729.21516 256.240989zM926.048107 611.570763c46.63718 46.63718 46.638203 122.252345 0.001023 168.889525-46.63718 46.63718-122.253368 46.63718-168.890548 0-37.538965-37.538965-44.804439-93.832062-21.911032-138.696876L547.789111 454.304973c-14.329357-14.329357-14.33038-37.776372-0.001023-52.105728 14.328333-14.328333 37.775348-14.328333 52.104705 0.001023l187.458439 187.458439C832.216046 566.766324 888.510166 574.031798 926.048107 611.570763zM875.740328 661.878542c-18.853393-18.853393-49.420573-18.853393-68.273966 0-18.853393 18.853393-18.854417 49.420573-0.001023 68.273966 18.853393 18.853393 49.422619 18.854417 68.276013 0.001023C894.595768 711.299115 894.593721 680.731936 875.740328 661.878542zM700.370205 471.913003c-1.382487 1.382487-3.02387 2.304486-4.695952 3.110851l92.700285 91.487667c6.833639-3.487428 13.890358-6.173606 21.057595-8.29185l0-217.155808-303.625182-154.944931L214.995609 341.064886 214.995609 832.493362c0 24.279986 19.865443 44.145429 44.145429 44.145429l506.144642 0c24.030299 0 43.671639-19.478633 44.073798-43.417859-24.685215-5.586229-47.968501-17.477047-66.538439-36.045961-43.152822-43.151799-53.949726-115.495454-34.380018-159.566182L523.193947 453.840392c-10.29753-12.69309-5.801123-50.505277 10.671037-66.978461 16.47216-16.471137 53.954843-18.499329 70.427002-2.02717l12.096503 11.938913c0.826831-1.925862 1.956561-3.75451 3.523243-5.320169l20.414959-19.881816c6.638187-6.637164 17.501606-6.637164 24.13877 0l56.320727 56.322773c6.638187 6.638187 6.638187 17.499559 0 24.137747L700.370205 471.913003zM693.807742 456.364889l8.197706-8.197706c4.757351-4.757351 4.757351-12.541641 0-17.298991l-40.365336-40.365336c-4.756327-4.756327-12.542664-4.757351-17.300015 0l-8.197706 8.197706c-4.757351 4.757351-4.756327 12.542664 0 17.298991l40.365336 40.365336C681.266102 461.123262 689.050392 461.122239 693.807742 456.364889z"
                                                p-id="11067"></path>
                                </symbol>
                                <symbol id="type-ylyw" viewBox="0 0 1024 1024">
                                        <title>type-ylyw</title>
                                        <path d="M93.892 509.934c67.055 167.065 216.062 84.235 216.062 84.235l223.594-109.935L397.304 199.167 173.625 306.714c0 0-135.515 64.34-79.71 203.167L93.892 509.934zM672.683 67.71 449.089 177.645l136.245 285.067 223.679-107.51c0 0 135.425-64.357 79.705-203.229-67.06-167.087-216.009-84.237-216.009-84.237L672.683 67.71zM581.104 954.118c104.855 66.18 244.184 39.69 316.574-62.67 72.385-102.455 50.99-242.704-46.405-319.389L581.068 954.168 581.104 954.118zM819.673 550.699c-103.26-57.297-235.289-28.91-305.044 69.745-69.767 98.735-52.54 232.694 35.89 310.904l269.179-380.639L819.673 550.699z"
                                                p-id="11756"></path>
                                </symbol>
                                <symbol id="type-qt" viewBox="0 0 1024 1024">
                                        <title>type-qt</title>
                                        <path d="M409.112702 95.852068 109.463064 95.852068c-24.820292 0-44.946678 20.136619-44.946678 44.955888l0 299.620985c0 24.819269 20.126386 44.955888 44.946678 44.955888l299.649638 0c24.789593 0 44.945655-20.136619 44.945655-44.955888L454.058356 140.807956C454.058356 115.988688 433.902294 95.852068 409.112702 95.852068z"
                                                p-id="18304"></path>
                                        <path d="M869.771383 556.522006 570.111512 556.522006c-24.820292 0-44.936445 20.116153-44.936445 44.935422l0 299.640428c0 24.820292 20.116153 44.936445 44.936445 44.936445l299.659871 0c24.799826 0 44.936445-20.116153 44.936445-44.936445L914.707828 601.457428C914.707828 576.638159 894.571209 556.522006 869.771383 556.522006z"
                                                p-id="18305"></path>
                                        <path d="M937.535743 210.564693 695.371354 82.722026c-20.035312-10.588149-44.87607-2.902096-55.483662 17.113773L512.024559 342.049307c-10.567683 20.076244-2.891863 44.877093 17.174148 55.505152l242.174622 127.822201c20.055778 10.588149 44.935422 2.902096 55.523571-17.134239l127.823224-242.173598C965.318506 245.992577 957.641663 221.152842 937.535743 210.564693z"
                                                p-id="18306"></path>
                                        <path d="M409.112702 556.522006 109.463064 556.522006c-24.820292 0-44.946678 20.116153-44.946678 44.935422l0 299.640428c0 24.820292 20.126386 44.936445 44.946678 44.936445l299.649638 0c24.789593 0 44.945655-20.116153 44.945655-44.936445L454.058356 601.457428C454.058356 576.638159 433.902294 556.522006 409.112702 556.522006z"
                                                p-id="18307"></path>
                                </symbol>
                                <symbol id="type-jbgz" viewBox="0 0 1024 1024">
                                        <title>type-jbgz</title>
                                        <path d="M293.78814 89.519849c18.285458 13.071713 38.240953 30.199812 53.588499 52.622498 15.420201 22.37766 43.8763 51.352575 43.8763 51.352575l231.988631 0c0 0 24.487717-25.155936 39.429011-45.073568 14.71105-19.872606 27.270087-38.832424 55.092759-56.601112 23.301705-14.669094 35.30304-51.39146 5.489014-63.199391-25.922393-10.219759-36.484959 10.894118-66.460668 11.449773-29.574572 0.478907-33.710776-24.414039-62.969147-35.340903-29.254278-11.083429-44.989657-1.347694-62.485123 15.346523-17.32969 16.810874-24.00881 17.607006-24.00881 17.607006S486.658845 25.554002 475.214189 12.800537c-11.29423-12.802584-40.863686-17.45658-60.263525-5.288446-24.648376 15.703657-30.058596 27.627221-50.561559 31.914874-23.301705 4.808516-60.107983-23.525809-80.458473-6.915503C263.660982 49.007157 275.501658 76.199473 293.78814 89.519849z"
                                                p-id="14216"></path>
                                        <path d="M767.778454 396.019498c-86.342484-72.505337-132.768862-141.348262-132.768862-141.348262L382.195656 254.671236c0 0-48.496527 72.061222-125.928061 139.199319-88.887446 77.266781-160.90876 200.850447-133.799332 348.947413 24.086581 131.73737 149.457963 281.18203 387.086035 281.18203 230.156913 0 365.15249-123.691113 390.90399-274.816042C931.944397 564.633753 841.231373 457.704396 767.778454 396.019498zM682.30271 810.185285c-7.972579 8.231475-18.334577 12.764721-29.179576 12.764721l-0.417509-0.002047c-4.90573-0.027629-16.763802-0.042979-35.176151-0.042979-19.850094 0-42.960441 0.017396-57.495482 0.029676 0.089028 7.601118 0.176009 16.638959 0.176009 22.988574 0 22.544459-19.707854 46.681182-49.047066 46.682205l-0.713244-0.005117c-30.345122-0.400113-49.690726-17.896602-51.737338-46.802956l-0.016373-0.267083c-0.289596-5.575995-0.384763-14.768355-0.409322-22.580275l-94.189196 0c-10.552333 0-20.774139-4.582365-28.780487-12.901845-9.407254-9.774621-14.94948-23.675212-14.46648-36.279275 0.868787-23.39278 21.078061-43.927465 43.246966-43.927465l94.436836 0 0.10847-45.840024c-25.664519 0.183172-77.956489 0.545422-90.095971 0.545422-23.546276 0-42.060955-17.012466-43.067888-39.571251l-0.010233-0.277316c-0.36225-14.405081 7.795547-33.914414 18.97619-45.378513 7.266497-7.450692 15.601326-11.390421 24.101931-11.390421l90.602507 0 0.047072-6.857175c-29.779234-31.498388-81.874729-86.460164-89.093131-93.542466-17.865903-17.780968-25.892717-47.006593-6.804986-68.600401 7.488555-8.514931 17.774829-13.030781 29.723975-13.030781 18.557658 0 36.427654 10.803044 46.091758 20.052708 11.282974 10.816346 52.92335 53.591569 72.062246 73.296353 21.785166-20.146852 71.670319-66.152652 84.512812-76.861552 10.492982-8.688893 23.118534-13.456476 35.589566-13.456476 13.68979 0 25.913183 5.695722 34.426067 16.040325 11.380188 13.613042 10.907421 26.559912 8.502651 35.027771-2.859118 10.073426-9.92914 20.019962-22.249747 31.302937-16.748453 15.134699-75.544557 74.865081-91.560322 91.170442l0 4.254907 86.636173 0 0.201591 0.00614c30.760584 0.87902 49.546439 32.901341 48.966225 54.56064-0.930185 26.548656-18.887162 42.330084-48.037063 42.332131l-0.77055-0.004093-86.546122 0.23536-0.342808 45.150316 84.47495 0c36.726459 0 50.538023 23.172769 51.218522 44.85765C696.625927 787.176245 691.431625 800.756542 682.30271 810.185285z"
                                                p-id="14217"></path>
                                </symbol>
                                <symbol id="type-gsfl" viewBox="0 0 1024 1024">
                                        <title>type-gsfl</title>
                                        <path d="M784.876114 250.070555c18.852595-28.947856 17.636299-67.382825-5.838224-95.600903-29.799264-35.759116-84.289346-41.597339-121.629647-13.014372L521.426298 245.691887l-133.184464-106.425941c-36.610524-29.191115-89.884309-23.231263-119.075425 13.257632-22.988003 28.826226-24.2043 67.990973-5.716593 97.546977H99.006533v169.430098h42.327117v487.005108H882.66635V419.500653h42.327117V250.070555H784.876114z m-46.462526-11.311557l-14.838817 11.433186h-73.829196v656.313577h-254.205962V250.070555h-72.126381l-14.595558-11.676446c-18.244447-14.595558-21.285188-41.23245-6.68963-59.476898s41.23245-21.285188 59.476897-6.689631l97.425348 77.842975h125.765055L684.410025 173.930396c18.609336-14.352298 45.854377-11.433187 60.814824 6.568 14.960447 17.757928 11.919705 43.908303-6.811261 58.260602z"
                                                fill="" p-id="14902"></path>
                                </symbol>
                                <symbol id="filter-icon" viewBox="0 0 1024 1024">
                                        <title>filter-icon</title>
                                        <path d="M602.018909 990.766545c-7.447273 0-14.754909-2.420364-20.805818-7.121455l-188.881455-152.436364c0.372364 2.932364 0-16.523636 0-26.577455L392.331636 512c0-1.070545-14.196364-22.248727-14.941091-22.946909l-301.474909-297.890909C74.752 189.905455 73.588364 188.695273 72.610909 187.298909 55.575273 169.704727 46.545455 147.409455 46.545455 123.904c0-49.989818 29.277091-90.670545 79.778909-90.670545l771.351273 0C948.177455 33.233455 977.454545 73.914182 977.454545 123.904c0 23.272727-8.936727 45.428364-25.181091 62.277818-0.651636 0.884364-1.908364 2.373818-2.746182 3.072l-312.971636 309.294545c-0.744727 0.698182-4.887273 12.381091-4.887273 13.451636l0 452.142545c0 12.706909-3.584 17.92-15.266909 23.412364C611.84 989.696 606.859636 990.766545 602.018909 990.766545L602.018909 990.766545M445.346909 792.529455l133.12 118.411636L578.466909 512c0-18.711273-2.56-46.917818 10.705455-60.136727l311.947636-308.177455c0.977455-1.117091 1.908364-2.141091 2.885818-3.118545 4.142545-4.328727 6.609455-10.333091 6.609455-16.616727 0-13.591273 0.744727-37.515636-12.939636-37.515636L126.324364 86.434909c-13.730909 0-13.032727 23.970909-13.032727 37.515636 0 6.376727 2.513455 12.474182 6.981818 16.989091C121.902545 142.568727 123.345455 144.384 124.741818 146.059636l299.892364 296.354909c13.125818 12.986182 20.712727 30.999273 20.712727 49.477818L445.346909 792.529455 445.346909 792.529455M445.346909 792.529455 445.346909 792.529455z"
                                                p-id="18969"></path>
                                </symbol>
                                <symbol id="null-icon" viewBox="0 0 1718 1024">
                                        <title>null-icon</title>
                                        <path d="M246.016637 637.810541 190.128787 637.810541c0-34.120204-11.749878-63.447445-35.254381-87.991213-23.499757-24.534277-51.716549-36.801416-84.64563-36.801416L70.228776 455.573535c43.378691 0 89.528758 16.115746 120.426762 48.351983C221.558288 536.166501 246.016637 592.818378 246.016637 637.810541L246.016637 637.810541zM246.016637 637.810541"
                                                p-id="4094"></path>
                                        <path d="M431.25755 753.325702c-48.888226-57.985365-73.332339-129.177479-73.332339-213.585834 0-84.403609 24.444113-156.7299 73.332339-216.978872l55.683793 0c-49.040082 62.664436-73.555377 134.843616-73.555377 216.528049 0 81.537322 24.377676 152.881293 73.118791 214.036657L431.25755 753.325702 431.25755 753.325702zM431.25755 753.325702"
                                                p-id="4095"></path>
                                        <path d="M662.297364 348.809091c0 45.001654-24.46784 101.653532-55.365844 133.885023-30.90275 32.236237-77.057562 48.361474-120.436253 48.361474L486.495266 473.606466c32.933827 0 61.150619-12.224429 84.655121-36.69227 23.499757-24.458349 35.24489-53.823554 35.24489-88.095615l55.897341 0L662.292618 348.809091zM662.297364 348.809091"
                                                p-id="4096"></path>
                                        <path d="M958.701807 746.30235 758.949129 746.30235l0-47.251025 199.766914 0 0 47.251025L958.701807 746.30235zM958.701807 746.30235"
                                                p-id="4097"></path>
                                        <path d="M1231.364473 531.055588c-43.23158 0-98.36964-25.136957-129.338827-57.37794-30.978678-32.240983-46.463271-79.871649-46.463271-124.868558l55.897341 0c0 34.281551 11.783097 63.646756 35.358782 88.105106 23.570939 24.458349 51.754513 36.69227 84.541229 36.69227L1231.359727 531.055588 1231.364473 531.055588zM1231.364473 531.055588"
                                                p-id="4098"></path>
                                        <path d="M1231.582766 753.325702c48.888226-61.008254 73.332339-132.347479 73.332339-214.036657 0-81.84578-24.591224-154.015469-73.76418-216.528049l55.892596 0c49.025845 59.793404 73.545886 132.12444 73.545886 216.978872 0 84.859178-24.520041 156.051292-73.545886 213.576343l-55.4655 0L1231.578021 753.325702zM1231.582766 753.325702"
                                                p-id="4099"></path>
                                        <path d="M1647.645199 513.017912c-32.781971 0-60.97029 12.267139-84.536483 36.801416-23.58043 24.543769-35.358782 53.871009-35.358782 87.991213l-55.897341 0c0-44.992163 15.484593-92.627575 46.45378-124.868558 30.973932-32.226746 86.111992-57.368449 129.343572-57.368449L1647.649945 513.017912 1647.645199 513.017912zM1647.645199 513.017912"
                                                p-id="4100"></path>
                                </symbol>
                        </defs>
                </svg>
        </div>
        <script type="text/javascript" src="js/app.js"></script>
        <div class="vux-toast">
                <div class="weui-mask_transparent" style="display: none;"></div>
                <div class="weui-toast weui-toast_success" style="width: 7.6em; display: none;"><i
                                class="weui-icon-success-no-circle weui-icon_toast"></i>
                        <p class="weui-toast__content"></p>
                </div>
        </div>

</body>

</html>